Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,17 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import { Award, Heart, Leaf, Mail, Instagram, Twitter } from "lucide-react";
-import { Award, Heart, Leaf } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,219 +29,121 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleApple
+      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Our Story",          id: "about"},
-        {
-          name: "Shop",          id: "products"},
-        {
-          name: "FAQ",          id: "faq"},
-      ]}
       brandName="Daisy Candle Co."
+      navItems={[
+        { name: "Home", id: "hero" },
+        { name: "Story", id: "about" },
+        { name: "Products", id: "products" },
+        { name: "FAQ", id: "faq" }
+      ]}
+      button={{ text: "Order Now", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroOverlay
+      <HeroBillboardTestimonial
       title="Blooming Joy in Every Wick"
-      description="Experience the delicate essence of nature with our hand-poured, daisy-infused soy candles. Designed to bring peace and serenity to your home."
+      description="Hand-poured soy candles infused with the delicate essence of nature. Bring serene floral calm into your sanctuary."
-      buttons={[
+      background={{ variant: "sparkles-gradient" }}
-        {
+      buttons={[{ text: "Shop Collection", href: "#products" }]}
-          text: "Shop Candles",          href: "#products"},
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-5967.jpg"
-      avatars={[
+      testimonials={[
-        {
+        { name: "Elise M.", handle: "@elise_m", testimonial: "The scent is pure magic.", rating: 5 }
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg",          alt: "Customer profile 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/female-with-radiant-smile-sitting-room_259150-60488.jpg",          alt: "Customer profile 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-blonde-caucasian-girl-shirt-jeans-sits-by-window-has-conversation-with-friend-concept-rest-recovery_197531-31505.jpg",          alt: "Customer profile 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/view-woman-cafe-with-laptop_197531-33889.jpg",          alt: "Customer profile 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/person-conducting-reiki-therapy_23-2149403941.jpg",          alt: "Customer profile 5"},
       ]}
-      avatarText="Join 5,000+ happy candle lovers"
     />
   </div>
 
   <div id="about" data-section="about">
-      <MetricSplitMediaAbout
+      <InlineImageSplitTextAbout
       useInvertedBackground={false}
-      title="Nature's Calm, Captured"
+      heading={[
-      description="We believe in the power of simplicity. Every candle is handcrafted with pure soy wax and the spirit of blooming daisies, ensuring your space feels like a gentle garden retreat."
+        { type: 'text', content: "Nature's Calm, Captured" }
-      metrics={[
-        {
-          value: "100%",          title: "Organic Ingredients"},
-        {
-          value: "24h",          title: "Average Burn Time"},
-        {
-          value: "12+",          title: "Floral Varieties"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/camomiles-shea-butter_23-2147677828.jpg"
+      buttons={[{ text: "Our Process" }]}
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardFour
+      <ProductCardOne
-      animationType="slide-up"
+      title="Curated Floral Candles"
-      textboxLayout="default"
+      description="Explore our signature scents inspired by seasonal blooms."
       gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
+      animationType="slide-up"
+      textboxLayout="split-description"
+      useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Signature Daisy", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/candles-spring-flowers-table-serving-decor-concept-top-view_169016-28298.jpg?_wi=1" },
-          id: "p1",          name: "Signature Daisy",          price: "$28",          variant: "Soy Wax",          imageSrc: "http://img.b2bpic.net/free-photo/candles-spring-flowers-table-serving-decor-concept-top-view_169016-28298.jpg"},
+        { id: "p2", name: "Sun-Kissed Petals", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-halloween_23-2147680564.jpg" },
-        {
+        { id: "p3", name: "Garden Retreat", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cream-flowers_23-2148419401.jpg" },
-          id: "p2",          name: "Sun-Kissed Petals",          price: "$32",          variant: "Small Batch",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-halloween_23-2147680564.jpg"},
+        { id: "p4", name: "Floral Harmony", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/dried-chamomile-flowers-wooden-bowl_114579-66384.jpg" },
-        {
+        { id: "p5", name: "Daisy Glow Candle", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/candles-spring-flowers-table-serving-decor-concept-top-view_169016-28298.jpg?_wi=2" }
-          id: "p3",          name: "Garden Retreat",          price: "$25",          variant: "Eco-friendly",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cream-flowers_23-2148419401.jpg"},
-        {
-          id: "p4",          name: "Floral Harmony",          price: "$30",          variant: "Hand-poured",          imageSrc: "http://img.b2bpic.net/free-photo/dried-chamomile-flowers-wooden-bowl_114579-66384.jpg"},
-        {
-          id: "p5",          name: "Spring Awakening",          price: "$28",          variant: "Aromatic",          imageSrc: "http://img.b2bpic.net/free-photo/oatmeal-cookies-cup-daisies-book_114579-75937.jpg"},
-        {
-          id: "p6",          name: "Meadow Breeze",          price: "$35",          variant: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/floral-composition-wooden-plate_23-2147693021.jpg"},
       ]}
-      title="Our Collection"
-      description="Explore our curated selection of floral-inspired candles, each capturing a unique moment of spring."
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwentyFive
+      <FeatureHoverPattern
-      animationType="slide-up"
+      title="Why Choose Our Candles"
+      description="Sustainability meets artisan quality in every jar."
       textboxLayout="split"
-      useInvertedBackground={false}
+      animationType="slide-up"
-      features={[
-        {
-          title: "Eco-Friendly Soy",          description: "100% natural, clean burning wax.",          icon: Leaf,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/large-beautiful-candle-eucalyptus-twigs-white-background-isolated_169016-25947.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/candles-spring-flowers-table-serving-decor-concept-top-view_169016-29130.jpg"},
-          ]
-        },
-        {
-          title: "Ethical Sourcing",          description: "Supporting local floral growers.",          icon: Heart,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-essential-oil-with-pink-flower-petals-bowl_23-2147844949.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/christmas-decor-house_23-2151207025.jpg"},
-          ]
-        },
-        {
-          title: "Artisan Quality",          description: "Poured by hand in small batches.",          icon: Award,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/background-with-flowers-cup_23-2147721587.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/composition-with-spring-flowers-interior_169016-2072.jpg"},
-          ]
-        },
-      ]}
-      title="Why Choose Us"
-      description="We prioritize sustainability and quality above all else."
-    />
-  </div>
-
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
       useInvertedBackground={true}
-      names={[
+      features={[
-        "Home Living",        "Green Life",        "Artisan Weekly",        "Eco Chic",        "Bloom Today",        "Modern Home",        "Daily Rituals"]}
+        { icon: Leaf, title: "100% Organic Soy", description: "Clean, non-toxic, and long-lasting." },
-      title="Featured In"
+        { icon: Heart, title: "Ethically Sourced", description: "Supporting local floral growers." },
-      description="Recognized by industry leaders for our commitment to quality."
+        { icon: Award, title: "Hand-Poured", description: "Small batch quality control." }
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+      <TestimonialCardFive
+      title="What Our Community Says"
+      textboxLayout="split-description"
+      description="Hear from our satisfied customers."
       useInvertedBackground={false}
-      testimonial="The scent is so delicate and natural, just like walking through a fresh daisy field. Truly my favorite purchase this season!"
+      testimonials={[
-      rating={5}
+        { id: "t1", name: "Sarah J.", date: "May 2024", title: "Pure Serenity", quote: "These candles transformed my home office into a peaceful garden.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/woman-taking-break-from-taking-care-indoor-plants_23-2148850884.jpg" }
-      author="Elise M."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-taking-break-from-taking-care-indoor-plants_23-2148850884.jpg",          alt: "Customer 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/xmas-holidays-decor-party-festive-atmosphere-concept-good-looking-cheerful-middle-aged-female-with-short-hair-enjoying-christmas-mood-sitting-around-wax-candles-decorations-lights_343059-4681.jpg",          alt: "Customer 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-sitting-floor-home-with-christmas-presents_114579-80834.jpg",          alt: "Customer 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-view-cute-woman-with-book-home_197531-32317.jpg",          alt: "Customer 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/thoughtful-blond-woman-holding-flower-face_23-2148079408.jpg",          alt: "Customer 5"},
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitText
-      textboxLayout="split"
+      sideTitle="Frequently Asked Questions"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "1",          title: "What wax do you use?",          content: "We use 100% natural, eco-friendly soy wax."},
-        {
-          id: "2",          title: "How long do they burn?",          content: "Our candles average 24 hours of burn time."},
-        {
-          id: "3",          title: "Are they safe for pets?",          content: "Yes, our oils are non-toxic and pet-safe."},
-      ]}
-      title="Questions? We're Here."
-      description="Find everything you need to know about your candles."
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
+      faqs={[
+        { id: "1", title: "Are these pet friendly?", content: "Yes, all our ingredients are non-toxic and pet-safe." },
+        { id: "2", title: "How do I care for my candle?", content: "Always trim your wick to 1/4 inch before each burn." }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCTA
+      tag="Get In Touch"
+      title="Ready for a serene home?"
+      description="Reach out for custom candle inquiries or bulk orders."
+      buttons={[{ text: "Email Us", href: "mailto:hello@daisycandles.com" }]}
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      text="Have a custom request? Reach out and say hello!"
-      buttons={[
-        {
-          text: "Contact Us",          href: "mailto:hello@daisycandles.com"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterCard
-      columns={[
+      logoText="Daisy Candle Co."
-        {
+      copyrightText="© 2024 Daisy Candle Co."
-          title: "Company",          items: [
+      socialLinks={[
-            {
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-              label: "About",              href: "#about"},
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
-            {
+        { icon: Mail, href: "mailto:hello@daisycandles.com", ariaLabel: "Email" }
-              label: "Shop",              href: "#products"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Terms",              href: "#"},
-            {
-              label: "Privacy",              href: "#"},
-          ],
-        },
       ]}
-      bottomLeftText="© 2024 Daisy Candle Co."
-      bottomRightText="Crafted with love."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}