Update src/app/styles/base.css

Merge version_1 into main

src/app/page.tsx

@@ -4,9 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
@@ -28,28 +28,13 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Menu", id: "products" },
-        },
+        { name: "Testimonials", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Eats & Artisans"
     />
@@ -58,103 +43,60 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Authentic Flavors, Artisan Made"
       description="Discover a collection of hand-selected, organic ingredients and gourmet foods crafted by local masters. Experience the difference that quality makes."
       testimonials={[
         {
-          name: "Elena R.",
+          name: "Elena R.",          handle: "@elena.foodie",          testimonial: "The best selection of artisanal cheese I have found in years. Simply perfect.",          rating: 5,
-          handle: "@elena.foodie",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg?_wi=1"},
-          testimonial: "The best selection of artisanal cheese I have found in years. Simply perfect.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg?_wi=1",
-        },
         {
-          name: "Marcus V.",
+          name: "Marcus V.",          handle: "@marcus_chef",          testimonial: "Their sourdough is a staple in my kitchen. Absolutely consistent and high quality.",          rating: 5,
-          handle: "@marcus_chef",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-successful-chef-wearing-uniform-smiling-camera-against-colorful-background-attractive-man-ready-cooking-delicious-food-positive-expression_574295-6054.jpg?_wi=1"},
-          testimonial: "Their sourdough is a staple in my kitchen. Absolutely consistent and high quality.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-successful-chef-wearing-uniform-smiling-camera-against-colorful-background-attractive-man-ready-cooking-delicious-food-positive-expression_574295-6054.jpg?_wi=1",
-        },
         {
-          name: "Sarah L.",
+          name: "Sarah L.",          handle: "@sarah.bakes",          testimonial: "The fresh produce is always vibrant. You can really taste the local difference.",          rating: 5,
-          handle: "@sarah.bakes",
+          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-attractive-curly-african-american-female-spends-leisure-time-cafeteria-listens-happily-her-boyfriend-who-tells-funny-stories_273609-3215.jpg?_wi=1"},
-          testimonial: "The fresh produce is always vibrant. You can really taste the local difference.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-attractive-curly-african-american-female-spends-leisure-time-cafeteria-listens-happily-her-boyfriend-who-tells-funny-stories_273609-3215.jpg?_wi=1",
-        },
         {
-          name: "David W.",
+          name: "David W.",          handle: "@dave.eats",          testimonial: "Exceptional honey and jams. Such a lovely shop to visit on the weekends!",          rating: 5,
-          handle: "@dave.eats",
+          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-girl-choosing-you_1262-17150.jpg?_wi=1"},
-          testimonial: "Exceptional honey and jams. Such a lovely shop to visit on the weekends!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-girl-choosing-you_1262-17150.jpg?_wi=1",
-        },
         {
-          name: "Jane D.",
+          name: "Jane D.",          handle: "@jane.foodie",          testimonial: "A true gem for food lovers. I never leave empty handed.",          rating: 5,
-          handle: "@jane.foodie",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-mobile-phone-while-sitting-alone-cafe_197531-30925.jpg?_wi=1"},
-          testimonial: "A true gem for food lovers. I never leave empty handed.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-mobile-phone-while-sitting-alone-cafe_197531-30925.jpg?_wi=1",
-        },
       ]}
       buttons={[
         {
-          text: "Explore Shop",
+          text: "Explore Shop",          href: "#products"},
-          href: "#products",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/high-angle-eco-bakery-kids_23-2149884406.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg",          alt: "Customer 1"},
-          alt: "Customer 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-successful-chef-wearing-uniform-smiling-camera-against-colorful-background-attractive-man-ready-cooking-delicious-food-positive-expression_574295-6054.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-successful-chef-wearing-uniform-smiling-camera-against-colorful-background-attractive-man-ready-cooking-delicious-food-positive-expression_574295-6054.jpg",          alt: "Customer 2"},
-          alt: "Customer 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-attractive-curly-african-american-female-spends-leisure-time-cafeteria-listens-happily-her-boyfriend-who-tells-funny-stories_273609-3215.jpg",
+          src: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-attractive-curly-african-american-female-spends-leisure-time-cafeteria-listens-happily-her-boyfriend-who-tells-funny-stories_273609-3215.jpg",          alt: "Customer 3"},
-          alt: "Customer 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/positive-confident-girl-choosing-you_1262-17150.jpg",
+          src: "http://img.b2bpic.net/free-photo/positive-confident-girl-choosing-you_1262-17150.jpg",          alt: "Customer 4"},
-          alt: "Customer 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-woman-talking-mobile-phone-while-sitting-alone-cafe_197531-30925.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-woman-talking-mobile-phone-while-sitting-alone-cafe_197531-30925.jpg",          alt: "Customer 5"},
-          alt: "Customer 5",
-        },
       ]}
       avatarText="Trusted by 2,000+ happy foodies"
       marqueeItems={[
         {
-          type: "text-icon",
+          type: "text-icon",          text: "100% Organic",          icon: Leaf,
-          text: "100% Organic",
-          icon: Leaf,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Locally Sourced",          icon: MapPin,
-          text: "Locally Sourced",
-          icon: MapPin,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Artisan Crafted",          icon: Award,
-          text: "Artisan Crafted",
-          icon: Award,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Sustainably Grown",          icon: Leaf,
-          text: "Sustainably Grown",
-          icon: Leaf,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Fresh Daily",          icon: Clock,
-          text: "Fresh Daily",
-          icon: Clock,
         },
       ]}
     />
@@ -181,41 +123,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Artisan Sourdough",          price: "$8.50",          imageSrc: "http://img.b2bpic.net/free-photo/hot-fresh-french-baguette-bread-wrapped-cloth_23-2148432282.jpg"},
-          name: "Artisan Sourdough",
-          price: "$8.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/hot-fresh-french-baguette-bread-wrapped-cloth_23-2148432282.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Aged Cheddar",          price: "$12.00",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-variety-mature-cheese_23-2148326038.jpg"},
-          name: "Aged Cheddar",
-          price: "$12.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-variety-mature-cheese_23-2148326038.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Organic Tomatoes",          price: "$5.00",          imageSrc: "http://img.b2bpic.net/free-photo/table-with-green-vegetables_1112-354.jpg"},
-          name: "Organic Tomatoes",
-          price: "$5.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/table-with-green-vegetables_1112-354.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Wild Berry Jam",          price: "$9.00",          imageSrc: "http://img.b2bpic.net/free-photo/three-glass-bottles-assorted-georgian-tkemali-sauce-with-ingredients-rustic-wooden-table_127032-1947.jpg"},
-          name: "Wild Berry Jam",
-          price: "$9.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/three-glass-bottles-assorted-georgian-tkemali-sauce-with-ingredients-rustic-wooden-table_127032-1947.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Wildflower Honey",          price: "$11.00",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pigmented-cloth-with-natural-colors-composition_23-2148734273.jpg"},
-          name: "Wildflower Honey",
-          price: "$11.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pigmented-cloth-with-natural-colors-composition_23-2148734273.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Culinary Herbs",          price: "$4.50",          imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-green-twig-plant_23-2148058733.jpg"},
-          name: "Culinary Herbs",
-          price: "$4.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-green-twig-plant_23-2148058733.jpg",
-        },
       ]}
       title="Handcrafted Selection"
       description="Our curated list of daily essentials and gourmet treats."
@@ -229,40 +147,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Elena R.",          role: "Food Blogger",          testimonial: "Always fresh, always friendly. My favorite spot!",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg?_wi=2"},
-          name: "Elena R.",
-          role: "Food Blogger",
-          testimonial: "Always fresh, always friendly. My favorite spot!",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg?_wi=2",
-        },
         {
-          id: "2",
+          id: "2",          name: "Marcus V.",          role: "Head Chef",          testimonial: "Quality that rivals the best markets in the city.",          imageSrc: "http://img.b2bpic.net/free-photo/young-successful-chef-wearing-uniform-smiling-camera-against-colorful-background-attractive-man-ready-cooking-delicious-food-positive-expression_574295-6054.jpg?_wi=2"},
-          name: "Marcus V.",
-          role: "Head Chef",
-          testimonial: "Quality that rivals the best markets in the city.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-successful-chef-wearing-uniform-smiling-camera-against-colorful-background-attractive-man-ready-cooking-delicious-food-positive-expression_574295-6054.jpg?_wi=2",
-        },
         {
-          id: "3",
+          id: "3",          name: "Sarah L.",          role: "Home Cook",          testimonial: "Lovely selection and great service.",          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-attractive-curly-african-american-female-spends-leisure-time-cafeteria-listens-happily-her-boyfriend-who-tells-funny-stories_273609-3215.jpg?_wi=2"},
-          name: "Sarah L.",
-          role: "Home Cook",
-          testimonial: "Lovely selection and great service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-attractive-curly-african-american-female-spends-leisure-time-cafeteria-listens-happily-her-boyfriend-who-tells-funny-stories_273609-3215.jpg?_wi=2",
-        },
         {
-          id: "4",
+          id: "4",          name: "David W.",          role: "Customer",          testimonial: "I love the local focus here. Amazing tastes!",          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-girl-choosing-you_1262-17150.jpg?_wi=2"},
-          name: "David W.",
-          role: "Customer",
-          testimonial: "I love the local focus here. Amazing tastes!",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-girl-choosing-you_1262-17150.jpg?_wi=2",
-        },
         {
-          id: "5",
+          id: "5",          name: "Jane D.",          role: "Customer",          testimonial: "Authentic, fresh, and consistently great quality.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-mobile-phone-while-sitting-alone-cafe_197531-30925.jpg?_wi=2"},
-          name: "Jane D.",
-          role: "Customer",
-          testimonial: "Authentic, fresh, and consistently great quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-mobile-phone-while-sitting-alone-cafe_197531-30925.jpg?_wi=2",
-        },
       ]}
       title="From Our Kitchen Table"
       description="Hear what our loyal community members have to say."
@@ -275,20 +168,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Do you source locally?",          content: "Yes, over 80% of our products come from farms within 50 miles."},
-          title: "Do you source locally?",
-          content: "Yes, over 80% of our products come from farms within 50 miles.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Are all your products organic?",          content: "Most of our produce is organic; we aim for 100% natural ingredients."},
-          title: "Are all your products organic?",
-          content: "Most of our produce is organic; we aim for 100% natural ingredients.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Can I pre-order bread?",          content: "Absolutely, visit us in-shop to reserve your favorite loaf."},
-          title: "Can I pre-order bread?",
-          content: "Absolutely, visit us in-shop to reserve your favorite loaf.",
-        },
       ]}
       title="Common Inquiries"
       description="Everything you need to know about our sourcing."
@@ -303,22 +187,14 @@ export default function LandingPage() {
       description="Have questions or want to inquire about custom orders? Send us a message."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
         },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
         },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Your Message",        rows: 4,
-        placeholder: "Your Message",
-        rows: 4,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/village-landscape_1182-836.jpg"
@@ -326,40 +202,25 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBase
+      logoText="Eats & Artisans"
       columns={[
         {
-          title: "Shop",
+          title: "Shop",          items: [
-          items: [
+            { label: "About", href: "#about" },
-            {
+            { label: "Menu", href: "#products" },
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#products",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
+            { label: "Privacy", href: "#" },
-            {
+            { label: "Terms", href: "#" },
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
           ],
         },
       ]}
-      bottomLeftText="© 2024 Eats & Artisans"
-      bottomRightText="Crafted with love."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

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