dailydevq-frontend/files at main · DailyDevQ/dailydevq-frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
// components/site-header.tsx
import React from 'react';
import { Button } from './Button';
import { Link } from 'next/link';

const SiteHeader = () => {
  return (
    <header>
      {/* Desktop CTA */}
      <Button asChild className="bg-lime-400 text-black hover:bg-lime-300">
        <a href="https://wa.link/rc25na" target="_blank" rel="noopener noreferrer">Get a quote</a>
      </Button>
      {/* Mobile sheet CTA */}
      <Button asChild className="mt-2 bg-lime-400 text-black hover:bg-lime-300">
        <a href="https://wa.link/rc25na" target="_blank" rel="noopener noreferrer">Get a quote</a>
      </Button>
      {/* rest of code here */}
    </header>
  );
};

export default SiteHeader;

// components/hero.tsx
import React from 'react';
import { Button } from './Button';

const Hero = () => {
  return (
    <section>
      {/* Hero content here */}
      <Button asChild className="rounded-full bg-lime-400 px-6 text-black hover:bg-lime-300">
        <a href="https://wa.link/rc25na" target="_blank" rel="noopener noreferrer">Start a project</a>
      </Button>
      {/* rest of code here */}
    </section>
  );
};

export default Hero;

// components/pricing.tsx
import React from 'react';
import { Button } from './Button';
import { Link } from 'next/link';

const Pricing = () => {
  return (
    <section>
      {/* Pricing header here */}
      <Button
        asChild
        className="rounded-full px-5 text-neutral-900 hover:brightness-95"
        style={{ backgroundColor: "#f2f2f2" }}
      >
        <a href="https://wa.link/rc25na" target="_blank" rel="noopener noreferrer">Contact now</a>
      </Button>
      {/* rest of code here */}
    </section>
  );
};

export default Pricing;