Update src/app/styles/variables.css

src/app/page.tsx

@@ -33,17 +33,11 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Features",
+          name: "Features",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Metrics",
+          name: "Metrics",          id: "#metrics"},
-          id: "#metrics",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "#faq"},
-          id: "#faq",
-        },
       ]}
       brandName="Cloudflare Shield"
     />
@@ -52,35 +46,22 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Unmatched Performance and Security"
       description="Protecting your digital presence with cutting-edge security services designed to stop malicious bots and ensure your site is always available."
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/internet-security-system_53876-167125.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/internet-security-system_53876-167125.jpg",          imageAlt: "Security Shield"},
-          imageAlt: "Security Shield",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139291.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139291.jpg",          imageAlt: "Data Protection"},
-          imageAlt: "Data Protection",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-lock-hologram-desk-with-laptop_23-2152029068.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-lock-hologram-desk-with-laptop_23-2152029068.jpg",          imageAlt: "Network Safety"},
-          imageAlt: "Network Safety",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-dots-lines-connected_1048-11946.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-dots-lines-connected_1048-11946.jpg",          imageAlt: "Cyber Resilience"},
-          imageAlt: "Cyber Resilience",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg",          imageAlt: "Global Infrastructure"},
-          imageAlt: "Global Infrastructure",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg",          imageAlt: "Bot Protection"},
-          imageAlt: "Bot Protection",
-        },
       ]}
     />
   </div>
@@ -90,9 +71,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="About Our Security Service"
       description={[
-        "We provide robust security services to protect your applications from malicious bots, scrapers, and automated threats.",
+        "We provide robust security services to protect your applications from malicious bots, scrapers, and automated threats.",        "Our platform leverages advanced AI and global network traffic analysis to ensure verification success while optimizing performance."]}
-        "Our platform leverages advanced AI and global network traffic analysis to ensure verification success while optimizing performance.",
-      ]}
     />
   </div>
 
@@ -103,32 +82,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Advanced Bot Detection",          tags: [
-          title: "Advanced Bot Detection",
+            "AI",            "Protection"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/military-drone-control-outpost-spreading-misinformation-russian-government_482257-124740.jpg"},
-            "AI",
-            "Protection",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/military-drone-control-outpost-spreading-misinformation-russian-government_482257-124740.jpg",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Global Infrastructure",          tags: [
-          title: "Global Infrastructure",
+            "Cloud",            "Scale"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/server-cabinets-preserving-critical-datasets-required-artificial-intelligence_482257-124539.jpg"},
-            "Cloud",
-            "Scale",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/server-cabinets-preserving-critical-datasets-required-artificial-intelligence_482257-124539.jpg",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Data Encryption",          tags: [
-          title: "Data Encryption",
+            "Secure",            "Compliance"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-lock-white-surface-with-binary-code-it-concept-cybersecurity_181624-12311.jpg"},
-            "Secure",
-            "Compliance",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-lock-white-surface-with-binary-code-it-concept-cybersecurity_181624-12311.jpg",
-        },
       ]}
       title="Powerful Defense Mechanisms"
       description="Equipped with industry-leading technology to keep your digital environment secure."
@@ -142,22 +106,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          title: "Blocks",          value: "10B+",          icon: Shield,
-          title: "Blocks",
-          value: "10B+",
-          icon: Shield,
         },
         {
-          id: "m2",
+          id: "m2",          title: "Latency",          value: "15ms",          icon: Zap,
-          title: "Latency",
-          value: "15ms",
-          icon: Zap,
         },
         {
-          id: "m3",
+          id: "m3",          title: "Uptime",          value: "99.99%",          icon: Award,
-          title: "Uptime",
-          value: "99.99%",
-          icon: Award,
         },
       ]}
       title="Global Impact Metrics"
@@ -171,45 +126,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          title: "Highly Effective",          quote: "The bot protection is simply unmatched. We saw immediate results.",          name: "Alex Smith",          role: "CTO",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man-wearing-suit_23-2148831105.jpg"},
-          title: "Highly Effective",
-          quote: "The bot protection is simply unmatched. We saw immediate results.",
-          name: "Alex Smith",
-          role: "CTO",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man-wearing-suit_23-2148831105.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          title: "Performance Boost",          quote: "Not only secure, but our load times have never been faster.",          name: "Maria Garcia",          role: "Lead Dev",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg"},
-          title: "Performance Boost",
-          quote: "Not only secure, but our load times have never been faster.",
-          name: "Maria Garcia",
-          role: "Lead Dev",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          title: "Rock Solid",          quote: "Reliable, robust, and essential for our enterprise architecture.",          name: "John Doe",          role: "IT Manager",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-disabilities-invalid-disabled-paralized-handicapped-immobilized-looking-camera-upset-tired-sitting-wheelchair-business-office-room-working-financial-project-with-team_482257-28442.jpg"},
-          title: "Rock Solid",
-          quote: "Reliable, robust, and essential for our enterprise architecture.",
-          name: "John Doe",
-          role: "IT Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-disabilities-invalid-disabled-paralized-handicapped-immobilized-looking-camera-upset-tired-sitting-wheelchair-business-office-room-working-financial-project-with-team_482257-28442.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          title: "Great Support",          quote: "The support team helped us integrate seamlessly.",          name: "Sarah Lee",          role: "Security Analyst",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg"},
-          title: "Great Support",
-          quote: "The support team helped us integrate seamlessly.",
-          name: "Sarah Lee",
-          role: "Security Analyst",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          title: "Game Changer",          quote: "We finally have peace of mind regarding our data integrity.",          name: "David Wang",          role: "Designer",          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg"},
-          title: "Game Changer",
-          quote: "We finally have peace of mind regarding our data integrity.",
-          name: "David Wang",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg",
-        },
       ]}
       title="What Our Clients Say"
       description="Experience secure web browsing and robust defense systems."
@@ -221,14 +146,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Microsoft",
+        "Microsoft",        "Google",        "AWS",        "Oracle",        "IBM",        "Intel",        "Adobe"]}
-        "Google",
-        "AWS",
-        "Oracle",
-        "IBM",
-        "Intel",
-        "Adobe",
-      ]}
       title="Trusted Global Brands"
       description="Leading tech enterprises choose our security platform."
     />
@@ -240,20 +158,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "How does it work?",          content: "Our platform verifies requests in milliseconds."},
-          title: "How does it work?",
-          content: "Our platform verifies requests in milliseconds.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Is it secure?",          content: "Security is our primary commitment with state-of-the-art encryption."},
-          title: "Is it secure?",
-          content: "Security is our primary commitment with state-of-the-art encryption.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Can I integrate easily?",          content: "Integration takes minutes with our robust API suite."},
-          title: "Can I integrate easily?",
+        {
-          content: "Integration takes minutes with our robust API suite.",
+          id: "q4",          title: "What happens if I need support?",          content: "We offer 24/7 dedicated support to assist with your integration needs."},
-        },
+        {
+          id: "q5",          title: "Is there a legal disclaimer?",          content: "All use is subject to our standard Terms of Service and Privacy Policy, available at the footer."}
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about our security verification."
@@ -265,11 +178,10 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Contact"
       title="Get Started with Security"
-      description="Ready to protect your digital environment? Sign up today."
+      description="Ready to protect your digital environment? Fill out this inquiry form and our experts will contact you."
       imageSrc="http://img.b2bpic.net/free-photo/top-view-lock-with-password-keyboard_23-2148578100.jpg"
       mediaAnimation="slide-up"
     />
@@ -279,13 +191,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="Cloudflare Shield"
       leftLink={{
-        text: "Privacy",
+        text: "Privacy Policy",        href: "/privacy"}}
-        href: "/privacy",
-      }}
       rightLink={{
-        text: "Terms",
+        text: "Terms of Service",        href: "/terms"}}
-        href: "/terms",
-      }}
     />
   </div>
       </ReactLenis>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-poppins), sans-serif;
+  font-family: var(--font-rubik), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-poppins), sans-serif;
+  font-family: var(--font-rubik), sans-serif;
 }

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #ffffff;
   --card: #f9f9f9;
   --foreground: #1c1c1c;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #15479c;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #1c1c1c;
-  --accent: #e63946;
+  --accent: #e2e2e2;
-  --background-accent: #e8bea8;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);