Switch to version 1: modified src/app/page.tsx

src/app/page.tsx

@@ -3,9 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 
 export default function LandingPage() {
   return (
@@ -25,12 +28,30 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        { name: "Home", id: "/" },
+        {
-        { name: "Collections", id: "/collections" },
+          name: "Home",
-        { name: "Gallery", id: "/gallery" },
+          id: "/",
-        { name: "Custom Orders", id: "/custom" },
+        },
-        { name: "About", id: "/about" },
+        {
-        { name: "Contact", id: "/contact" },
+          name: "Collections",
+          id: "/collections",
+        },
+        {
+          name: "Gallery",
+          id: "/gallery",
+        },
+        {
+          name: "Custom Orders",
+          id: "/custom",
+        },
+        {
+          name: "About",
+          id: "/about",
+        },
+        {
+          name: "Contact",
+          id: "/contact",
+        },
       ]}
       brandName="EverBloom Bridal"
     />
@@ -38,29 +59,186 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroOverlayTestimonial
-      title="Managing Your Website"
+      title="Forever Florals for Every Wedding Moment"
-      description="Learn how to easily update your content, images, and pricing to keep your site fresh."
+      description="Handcrafted wedding florals and accessories designed for timeless celebrations in Bangalore."
-      testimonials={[]}
+      testimonials={[
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-working-with-flowers_23-2149591591.jpg"
+        {
+          name: "Priya Sharma",
+          handle: "@priya_bridal",
+          testimonial: "The flowers were absolutely breathtaking. Perfectly handcrafted.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-girl-with-brunette-tied-hair-dark-brown-eyes-naturally-make-up-sincere-smiling-looking-camera-while-posing-outdoor_8353-12415.jpg",
+        },
+        {
+          name: "Ananya Reddy",
+          handle: "@ananya_wed",
+          testimonial: "Forever blooms that look so real. My wedding was dreamy.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/sensual-young-lady-dress-with-flower-wreath-head_23-2148054885.jpg",
+        },
+        {
+          name: "Neha V.",
+          handle: "@neha_v",
+          testimonial: "I love that these flowers never fade. A true keepsake.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-white-dress-posing_1328-4131.jpg",
+        },
+        {
+          name: "Deepa K.",
+          handle: "@deepa_wed",
+          testimonial: "The attention to detail in my bouquet was unmatched.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-caucasian-bride-with-natural-happy-smile-her-face_181624-23050.jpg",
+        },
+        {
+          name: "Kavya M.",
+          handle: "@kavya_m",
+          testimonial: "Beyond beautiful. Thank you for making my day special.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/bride-beach-sunset_23-2151976658.jpg",
+        },
+      ]}
+      buttons={[
+        {
+          text: "Explore Collections",
+          href: "/collections",
+        },
+        {
+          text: "Customize Your Wedding Florals",
+          href: "/custom",
+        },
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/bouquet-holly-berries-peonies-dry-lemon-slices_114579-2539.jpg"
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/beautiful-fresh-flowers-flora-shop-work-space-business_53876-23097.jpg",
+          alt: "Artist portrait 1",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/front-view-woman-working-with-flowers_23-2149591591.jpg",
+          alt: "Artist portrait 2",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-smelling-flower_23-2149247554.jpg",
+          alt: "Artist portrait 3",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg",
+          alt: "Artist portrait 4",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/woman-with-flower-wreath-her-head-posing-field_181624-40565.jpg",
+          alt: "Artist portrait 5",
+        },
+      ]}
+      avatarText="Trusted by 500+ happy brides"
     />
   </div>
 
-  <div id="help-content" data-section="help-content">
+  <div id="feature" data-section="feature">
-      <FaqSplitText
+      <FeatureCardSixteen
-      sideTitle="Quick Start Guide"
+      animationType="slide-up"
-      sideDescription="Follow these simple steps to manage your EverBloom Bridal website efficiently."
+      textboxLayout="default"
-      faqsAnimation="slide-up"
       useInvertedBackground={false}
+      title="Why Choose Forever Florals?"
+      description="The perfect balance of luxury and practicality for your big day."
+      negativeCard={{
+        items: [
+          "Fresh flowers wilt in heat",
+          "High maintenance",
+          "Expensive waste",
+        ],
+      }}
+      positiveCard={{
+        items: [
+          "Stays perfect forever",
+          "Easy to store as a memory",
+          "Cost-effective luxury",
+        ],
+      }}
+    />
+  </div>
+
+  <div id="faq" data-section="faq">
+      <FaqSplitText
+      useInvertedBackground={false}
+      sideTitle="Frequently Asked Questions"
+      sideDescription="Everything you need to know about our handcrafted floral arrangements."
+      faqsAnimation="slide-up"
       faqs={[
         {
-          id: "img",          title: "How do I upload images?",          content: "Images can be updated directly through the Visual Editor. Simply click on any image area, select a new file from your device, and save the changes."
+          id: "f1",
+          title: "How long do they last?",
+          content: "Our florals are designed to be heirloom pieces that last for years.",
         },
         {
-          id: "price",          title: "How do I edit prices?",          content: "Locate the Pricing section on the relevant page. Select the plan you wish to update and edit the 'price' field in the editor panel. Changes will reflect instantly."
+          id: "f2",
+          title: "Can I request custom colors?",
+          content: "Absolutely, we specialize in custom color matching to suit your bridal theme.",
+        },
+      ]}
+    />
+  </div>
+
+  <div id="pricing" data-section="pricing">
+      <PricingCardEight
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Simple Pricing"
+      description="Packages for every wedding scale."
+      plans={[
+        {
+          id: "p1",
+          badge: "Essential",
+          price: "₹15,000",
+          subtitle: "Perfect for intimate weddings",
+          buttons: [
+            {
+              text: "Inquire",
+              href: "/contact",
+            },
+          ],
+          features: [
+            "Bouquet",
+            "Boutonniere",
+            "Ring Cushion",
+          ],
         },
         {
-          id: "content",          title: "How do I manage content?",          content: "Click on any text element on the page to trigger the edit menu. You can modify titles, descriptions, and feature lists directly in the sidebar."
+          id: "p2",
-        }
+          badge: "Premium",
+          price: "₹45,000",
+          subtitle: "For the grand celebration",
+          buttons: [
+            {
+              text: "Inquire",
+              href: "/contact",
+            },
+          ],
+          features: [
+            "Full Bridal Set",
+            "Bridesmaid Sets",
+            "Decor Pieces",
+            "Custom Tiaras",
+          ],
+        },
+      ]}
+    />
+  </div>
+
+  <div id="socialProof" data-section="socialProof">
+      <SocialProofOne
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Featured In"
+      description="Trusted by leading wedding publications."
+      names={[
+        "WeddingWire",
+        "The Knot",
+        "Brides",
+        "Vogue Wedding",
+        "Bangalore Times",
       ]}
     />
   </div>
@@ -68,9 +246,50 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "Home", href: "/" }, { label: "Collections", href: "/collections" }, { label: "Gallery", href: "/gallery" }] },
+        {
-        { items: [{ label: "Custom Orders", href: "/custom" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
+          items: [
-        { items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Privacy Policy", href: "#" }] },
+            {
+              label: "Home",
+              href: "/",
+            },
+            {
+              label: "Collections",
+              href: "/collections",
+            },
+            {
+              label: "Gallery",
+              href: "/gallery",
+            },
+          ],
+        },
+        {
+          items: [
+            {
+              label: "Custom Orders",
+              href: "/custom",
+            },
+            {
+              label: "About",
+              href: "/about",
+            },
+            {
+              label: "Contact",
+              href: "/contact",
+            },
+          ],
+        },
+        {
+          items: [
+            {
+              label: "Instagram",
+              href: "https://instagram.com",
+            },
+            {
+              label: "Privacy Policy",
+              href: "#",
+            },
+          ],
+        },
       ]}
       logoText="EverBloom Bridal"
     />
@@ -78,4 +297,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}