Update src/app/page.tsx

src/app/globals.css

@@ -4,21 +4,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #060000;;
+  /* --background: #fafffb;;
-  --card: #1d0d0d;;
+  --card: #f7fffa;;
-  --foreground: #ffe6e6;;
+  --foreground: #001a0a;;
-  --primary-cta: #ff3d4a;;
+  --primary-cta: #0a7039;;
-  --secondary-cta: #1f0a0a;;
+  --secondary-cta: #ffffff;;
-  --accent: #7b2d2d;;
+  --accent: #a8d9be;;
-  --background-accent: #b8111f;; */
+  --background-accent: #6bbf8e;; */
 
-  --background: #060000;;
+  --background: #fafffb;;
-  --card: #1d0d0d;;
+  --card: #f7fffa;;
-  --foreground: #ffe6e6;;
+  --foreground: #001a0a;;
-  --primary-cta: #ff3d4a;;
+  --primary-cta: #0a7039;;
-  --secondary-cta: #1f0a0a;;
+  --secondary-cta: #ffffff;;
-  --accent: #7b2d2d;;
+  --accent: #a8d9be;;
-  --background-accent: #b8111f;;
+  --background-accent: #6bbf8e;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Sparkles, Heart } from "lucide-react";
+import { Sparkles, Heart, Quote, Star, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -42,74 +42,47 @@ export default function LandingPage() {
       </div>
       
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroBillboardScroll
           title="Welcome to Artisan Bakery"
           description="Handcrafted pastries, fresh-baked breads, and delicious treats made daily with the finest ingredients. Taste the difference tradition makes."
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "sparkles-gradient" }}
           tag="Freshly Baked Daily"
           tagIcon={Sparkles}
           buttons={[
             { text: "Order Online", href: "contact" },
             { text: "Explore Menu", href: "products" }
           ]}
-          mediaItems={[
+          imageSrc="https://img.b2bpic.net/free-photo/baker-with-flour-hand_169016-6374.jpg"
-            {
+          imageAlt="Fresh bakery display with pastries and bread"
-              imageSrc: "https://img.b2bpic.net/free-photo/baker-with-flour-hand_169016-6374.jpg",              imageAlt: "Fresh bakery display with pastries and bread"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/top-view-croissants-tray_23-2149395317.jpg",              imageAlt: "Golden croissants"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg",              imageAlt: "Artisan sourdough bread"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-croissants-jam_23-2148243510.jpg",              imageAlt: "Decadent chocolate cake"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/delicious-donut-shop-ai-generated_23-2150694732.jpg",              imageAlt: "Cozy bakery storefront"
-            }
-          ]}
         />
       </div>
       
       <div id="about" data-section="about">
-        <MediaSplitTabsAbout
+        <TestimonialAboutCard
-          title="Our Baking Story"
+          tag="Our Story"
-          description="Committed to excellence and tradition in every bite"
+          title="For over 15 years, we've been baking with passion and tradition. Our recipes are passed down through generations, refined to perfection."
-          tabs={[
+          description="Master Baker"
-            {
+          subdescription="Elena Rodriguez"
-              id: "heritage",              label: "Heritage",              description: "For over 15 years, we've been baking with passion and tradition. Our recipes are passed down through generations, refined to perfection."
+          icon={Quote}
-            },
-            {
-              id: "quality",              label: "Quality",              description: "We source only the finest organic ingredients, never use artificial preservatives, and bake fresh every morning to ensure exceptional taste and quality."
-            },
-            {
-              id: "community",              label: "Community",              description: "We're proud to be part of your local community. Our bakery is a gathering place where neighbors become friends over fresh bread and pastries."
-            }
-          ]}
           imageSrc="https://img.b2bpic.net/free-photo/woman-spreading-dough-with-hands-wooden-table-top-view_176474-5539.jpg"
           imageAlt="Artisan baker preparing dough"
-          imagePosition="right"
           useInvertedBackground="invertDefault"
         />
       </div>
       
       <div id="products" data-section="products">
-        <ProductCardTwo
+        <ProductCardFour
-          title="aaaaaaaaaaaa"
+          title="Featured Products"
-          description="Discover our most loved creations, each one crafted with care and the finest ingredients"
+          description="Discover our artisan collection of fresh-baked goods"
           products={[
             {
-              id: "1",              brand: "Classic Selection",              name: "Butter Croissants",              price: "$4.99",              rating: 5,
+              id: "1",              name: "Butter Croissants",              price: "$4.99",              variant: "Classic French Style",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-croissants-tray_23-2149395317.jpg",              imageAlt: "Golden butter croissants"
-              reviewCount: "287",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-croissants-tray_23-2149395317.jpg",              imageAlt: "Golden butter croissants"
             },
             {
-              id: "2",              brand: "Heritage Breads",              name: "Sourdough Loaf",              price: "$6.99",              rating: 5,
+              id: "2",              name: "Sourdough Loaf",              price: "$6.99",              variant: "Traditional Recipe",              imageSrc: "https://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg",              imageAlt: "Artisan sourdough loaf"
-              reviewCount: "312",              imageSrc: "https://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg",              imageAlt: "Artisan sourdough loaf"
             },
             {
-              id: "3",              brand: "Decadent Desserts",              name: "Chocolate Cake",              price: "$24.99",              rating: 5,
+              id: "3",              name: "Chocolate Cake",              price: "$24.99",              variant: "Rich & Decadent",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-croissants-jam_23-2148243510.jpg",              imageAlt: "Rich chocolate layer cake"
-              reviewCount: "198",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-croissants-jam_23-2148243510.jpg",              imageAlt: "Rich chocolate layer cake"
             }
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -120,19 +93,18 @@ export default function LandingPage() {
       </div>
       
       <div id="features" data-section="features">
-        <FeatureCardSix
+        <FeatureCardTwelve
           title="Why Choose Us"
           description="Experience the difference quality and tradition make in every bite"
           features={[
             {
-              id: 1,
+              id: "premium",              label: "Premium",              title: "Only the finest organic ingredients from trusted local suppliers",              items: ["Organic flour", "Farm-fresh eggs", "Local dairy", "No preservatives"]
-              title: "Premium Ingredients",              description: "We use only organic, high-quality ingredients sourced from trusted local suppliers. No artificial additives or preservatives ever.",              imageSrc: "https://img.b2bpic.net/free-photo/arrangement-delicious-food-ingredients_23-2148869889.jpg",              imageAlt: "Premium baking ingredients"
             },
             {
-              id: 2,
+              id: "artisan",              label: "Artisan",              title: "Handcrafted by skilled bakers using traditional techniques",              items: ["Hand-shaped", "Traditional methods", "Small batches", "Decades of experience"]
-              title: "Artisan Craftsmanship",              description: "Every item is handcrafted by our skilled bakers using traditional techniques perfected over decades of experience.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-spreading-dough-with-hands-wooden-table-top-view_176474-5539.jpg",              imageAlt: "Master baker at work"
             }
           ]}
+          animationType="opacity"
           textboxLayout="default"
           useInvertedBackground="invertDefault"
           tag="What Makes Us Special"
@@ -141,36 +113,41 @@ export default function LandingPage() {
       </div>
       
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFifteen
+        <TestimonialCardSix
-          testimonial="The croissants from Artisan Bakery are absolutely divine. I've never tasted anything this buttery and delicious. It's become my favorite place to grab breakfast!"
+          testimonials={[
-          rating={5}
-          author="Sarah Mitchell, Regular Customer"
-          avatars={[
             {
-              src: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              alt: "Sarah Mitchell"
+              id: "1",              name: "Sarah Mitchell",              handle: "@sarahm_foodie",              testimonial: "The croissants from Artisan Bakery are absolutely divine. I've never tasted anything this buttery and delicious!",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              imageAlt: "Sarah Mitchell"
             },
             {
-              src: "https://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",              alt: "David Chen"
+              id: "2",              name: "David Chen",              handle: "@davidc_baker",              testimonial: "Their sourdough is incredible. You can taste the quality and craftsmanship in every slice.",              imageSrc: "https://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",              imageAlt: "David Chen"
             },
             {
-              src: "https://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-shopping-bags_329181-18722.jpg",              alt: "Emma Wilson"
+              id: "3",              name: "Emma Wilson",              handle: "@emmaw_treats",              testimonial: "Best bakery in town! Their chocolate cake is to die for. Perfect for special occasions.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-shopping-bags_329181-18722.jpg",              imageAlt: "Emma Wilson"
             },
             {
-              src: "https://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",              alt: "James Rodriguez"
+              id: "4",              name: "James Rodriguez",              handle: "@jamesr_local",              testimonial: "The staff is amazing and the pastries are always fresh. My family's favorite bakery!",              imageSrc: "https://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",              imageAlt: "James Rodriguez"
+            },
+            {
+              id: "5",              name: "Lisa Park",              handle: "@lisap_coffee",              testimonial: "Perfect croissants and excellent coffee. My morning routine wouldn't be the same without this place.",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Lisa Park"
+            },
+            {
+              id: "6",              name: "Michael Torres",              handle: "@miket_baker",              testimonial: "As a fellow baker, I can appreciate the skill and dedication that goes into every product here.",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Michael Torres"
             }
           ]}
+          animationType="slide-up"
+          title="What Our Customers Say"
+          description="Hear from those who love our fresh-baked goods"
+          textboxLayout="default"
           useInvertedBackground="noInvert"
         />
       </div>
       
       <div id="contact" data-section="contact">
-        <ContactSplit
+        <ContactCenter
           tag="Get In Touch"
+          tagIcon={Mail}
           title="Ready to Order?"
-          description="Subscribe to our newsletter for special offers, new products, and delivery updates. Or visit us in store for a warm welcome and fresh treats."
+          description="Subscribe to our newsletter for special offers, new products, and delivery updates."
-          imageSrc="https://img.b2bpic.net/free-photo/delicious-donut-shop-ai-generated_23-2150694732.jpg"
-          imageAlt="Our welcoming bakery storefront"
-          mediaPosition="right"
           useInvertedBackground="invertDefault"
           inputPlaceholder="Enter your email"
           buttonText="Subscribe"
@@ -179,11 +156,7 @@ export default function LandingPage() {
       </div>
       
       <div id="footer" data-section="footer">
-        <FooterMedia
+        <FooterSimple
-          imageSrc="https://img.b2bpic.net/free-photo/delicious-donut-shop-ai-generated_23-2150694732.jpg"
-          imageAlt="Artisan Bakery storefront"
-          logoText="Artisan Bakery"
-          copyrightText="© 2025 Artisan Bakery. All rights reserved."
           columns={[
             {
               title: "Menu",              items: [
@@ -207,6 +180,8 @@ export default function LandingPage() {
               ]
             }
           ]}
+          bottomLeftText="© 2025 Artisan Bakery. All rights reserved."
+          bottomRightText="Made with Webild"
         />
       </div>
     </ThemeProvider>