Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import Script from 'next/script';
 
 export default function LandingPage() {
   return (
@@ -24,22 +25,21 @@ export default function LandingPage() {
         secondaryButtonStyle="glass"
         headingFontWeight="medium"
     >
+      <Script 
+        async 
+        src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXX" 
+        crossOrigin="anonymous"
+      />
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Explore",
+          name: "Explore",          id: "#explore"},
-          id: "#explore",
-        },
         {
-          name: "Premium",
+          name: "Premium",          id: "#pricing"},
-          id: "#pricing",
-        },
         {
-          name: "Sign In",
+          name: "Sign In",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="FoodBuzz"
     />
@@ -48,147 +48,89 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Discover Your Next Favorite Meal"
       description="FoodBuzz connects you with the best local flavors. From quick bites to fine dining, experience everything right at your fingertips."
       leftCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=1",          imageAlt: "Gourmet dishes"},
-          imageAlt: "Gourmet dishes",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=2",          imageAlt: "Gourmet dishes"},
-          imageAlt: "Gourmet dishes",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=3",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=3",          imageAlt: "Gourmet dishes"},
-          imageAlt: "Gourmet dishes",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=4",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=4",          imageAlt: "Gourmet dishes"},
-          imageAlt: "Gourmet dishes",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=5",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=5",          imageAlt: "Gourmet dishes"},
-          imageAlt: "Gourmet dishes",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=6",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=6",          imageAlt: "Gourmet dishes"},
-          imageAlt: "Gourmet dishes",
-        },
       ]}
       rightCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=7",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=7",          imageAlt: "Fine dining"},
-          imageAlt: "Fine dining",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=8",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=8",          imageAlt: "Fine dining"},
-          imageAlt: "Fine dining",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=9",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=9",          imageAlt: "Fine dining"},
-          imageAlt: "Fine dining",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=10",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=10",          imageAlt: "Fine dining"},
-          imageAlt: "Fine dining",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=11",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=11",          imageAlt: "Fine dining"},
-          imageAlt: "Fine dining",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=12",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=12",          imageAlt: "Fine dining"},
-          imageAlt: "Fine dining",
-        },
       ]}
       buttons={[
         {
-          text: "Browser Signup",
+          text: "Browser Signup",          href: "#"},
-          href: "#",
-        },
         {
-          text: "Restaurant Signup",
+          text: "Restaurant Signup",          href: "#"},
-          href: "#",
-        },
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",
+          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",          alt: "User 1"},
-          alt: "User 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",
+          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",          alt: "User 2"},
-          alt: "User 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",
+          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",          alt: "User 3"},
-          alt: "User 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",
+          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",          alt: "User 4"},
-          alt: "User 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",
+          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",          alt: "User 5"},
-          alt: "User 5",
-        },
       ]}
       avatarText="Join 10,000+ local foodies"
       marqueeItems={[
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",          alt: "Partner 1"},
-          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",
-          alt: "Partner 1",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",          alt: "Partner 2"},
-          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",
-          alt: "Partner 2",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",          alt: "Partner 3"},
-          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",
-          alt: "Partner 3",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",          alt: "Partner 4"},
-          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",
-          alt: "Partner 4",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",          alt: "Partner 5"},
-          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",
-          alt: "Partner 5",
-        },
       ]}
     />
   </div>
 
   <div id="explore" data-section="explore">
+      <ins className="adsbygoogle"
+           style={{ display: "block" }}
+           data-ad-client="ca-pub-XXXXXXXXXXXXXXX"
+           data-ad-slot="XXXXXXXXXX"
+           data-ad-format="auto"
+           data-full-width-responsive="true"></ins>
       <FeatureCardSixteen
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "No hidden fees",
+          "No hidden fees",          "No long waits",          "No complex reservation processes",          "No cold food deliveries",          "No cancellation penalties"],
-          "No long waits",
-          "No complex reservation processes",
-          "No cold food deliveries",
-          "No cancellation penalties",
-        ],
       }}
       positiveCard={{
         items: [
-          "Real-time delivery tracking",
+          "Real-time delivery tracking",          "Sort by distance & popularity",          "Instant table reservations",          "Exclusive restaurant deals",          "Verified user reviews"],
-          "Sort by distance & popularity",
-          "Instant table reservations",
-          "Exclusive restaurant deals",
-          "Verified user reviews",
-        ],
       }}
       title="Explore Your City's Best Bites"
       description="Find restaurants by distance or popularity. Order online, track delivery times, and reserve tables with ease."
@@ -202,39 +144,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "browser-premium",
+          id: "browser-premium",          name: "FoodBuzz Premium",          price: "KES 2000/mo",          features: [
-          name: "FoodBuzz Premium",
+            "No ads",            "Custom restaurant lists",            "Best picks near you",            "Special discounts",            "Order history & favorites"],
-          price: "KES 2000/mo",
-          features: [
-            "No ads",
-            "Custom restaurant lists",
-            "Best picks near you",
-            "Special discounts",
-            "Order history & favorites",
-          ],
           buttons: [
             {
-              text: "Go Premium",
+              text: "Go Premium",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          id: "restaurant-pro",
+          id: "restaurant-pro",          name: "Restaurant Access",          price: "KES 3000/mo",          features: [
-          name: "Restaurant Access",
+            "Publish your menu",            "Receive orders",            "Accept reservations",            "Manage business profile",            "Direct payment integration"],
-          price: "KES 3000/mo",
-          features: [
-            "Publish your menu",
-            "Receive orders",
-            "Accept reservations",
-            "Manage business profile",
-            "Direct payment integration",
-          ],
           buttons: [
             {
-              text: "Join as Restaurant",
+              text: "Join as Restaurant",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -250,17 +172,10 @@ export default function LandingPage() {
       title="Trusted by Top Local Establishments"
       description="Join a growing community of top-tier restaurants and hungry customers."
       names={[
-        "The Gourmet Grill",
+        "The Gourmet Grill",        "Maroon Bistro",        "Golden Plate",        "Spice House",        "Urban Eatery"]}
-        "Maroon Bistro",
-        "Golden Plate",
-        "Spice House",
-        "Urban Eatery",
-      ]}
       buttons={[
         {
-          text: "Join our Network",
+          text: "Join our Network",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -269,16 +184,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Get Started"
       title="Ready to Buzz?"
       description="Sign up today to start discovering the best restaurants in your city or to showcase your own culinary creations."
       buttons={[
         {
-          text: "Register Now",
+          text: "Register Now",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -288,37 +200,23 @@ export default function LandingPage() {
       logoText="FoodBuzz"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Community",
+          title: "Community",          items: [
-          items: [
             {
-              label: "Facebook",
+              label: "Facebook",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Twitter",
+              label: "Twitter",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Instagram",
+              label: "Instagram",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -11,7 +11,7 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f9f9f9;
+  --card: #f2f2f2;
   --foreground: #000000;
   --primary-cta: #800000;
   --primary-cta-text: #ffffff;