Merge version_7 into main

Merge version_7 into main

src/app/page.tsx

@@ -6,13 +6,14 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import TextAbout from '@/components/sections/about/TextAbout';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
 
 export default function LandingPage() {
   return (
@@ -32,127 +33,36 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Projects",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Visualize", id: "visualization" },
+        { name: "About", id: "about" },
+        { name: "Projects", id: "products" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Symbol Interior"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      <HeroBillboardCarousel
+      background={{ variant: "gradient-bars" }}
       title="Symbol Interior: Defining Luxury Living"
       description="Ahmedabad’s premier interior design firm, bringing your vision to life through innovative, sustainable, and luxurious living spaces tailored to your lifestyle."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826251.jpg",
-          imageAlt: "Luxurious Showroom",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg",
-          imageAlt: "Master Bedroom",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976543.jpg",
-          imageAlt: "Luxury Kitchen",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-contemporary-modern-dining-room-living-room-with-luxury-decor_105762-2243.jpg",
-          imageAlt: "Modern Living Space",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797706.jpg",
-          imageAlt: "Professional Office",
-        },
+      mediaItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826251.jpg", imageAlt: "Luxurious Showroom" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg", imageAlt: "Master Bedroom" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976543.jpg", imageAlt: "Luxury Kitchen" },
       ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-bedroom-with-comfortable-bedding-elegant-decor-generated-by-ai_188544-29870.jpg",
-          imageAlt: "Master Bedroom",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821318.jpg",
-          imageAlt: "Luxury Kitchen",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683425.jpg",
-          imageAlt: "Modern Living Space",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-restaurant-filtered-image-processed-vinta_1232-2763.jpg",
-          imageAlt: "Professional Office",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/shot-wooden-table-with-wooden-chairs-near-window-curtains-kitchen-with-black-interior_181624-4177.jpg",
-          imageAlt: "Luxury Modern Dining Room",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Start Your Project",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199314.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199310.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-laying-bed_23-2149072928.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135755.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/luxury-bedroom-with-modern-design-elegance-generated-by-ai_188544-23557.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Sustainable Design",
-        },
-        {
-          type: "text",
-          text: "Bespoke Furnishings",
-        },
-        {
-          type: "text",
-          text: "Award-Winning Architecture",
-        },
-        {
-          type: "text",
-          text: "Ahmedabad Modern",
-        },
-        {
-          type: "text",
-          text: "Future-Ready Living",
-        },
+      buttons={[{ text: "Book Your Design Consultation", href: "#contact" }]}
+    />
+  </div>
+
+  <div id="visualization" data-section="visualization">
+      <ProductCatalog
+        layout="section"
+        products={[
+          { id: "viz1", name: "3D Layout Simulator", price: "Interactive", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/house-sign-draft_23-2147785570.jpg?_wi=1" },
+          { id: "viz2", name: "4D Walkthrough Engine", price: "Advanced", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/employee-working-project-side-view_23-2149721889.jpg?_wi=1" }
         ]}
       />
   </div>
@@ -161,12 +71,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={true}
       title="Crafting Future-Ready Living Experiences"
-      buttons={[
-        {
-          text: "Our Design Philosophy",
-          href: "#services",
-        },
-      ]}
+      buttons={[{ text: "Our Design Philosophy", href: "#services" }]}
     />
   </div>
 
@@ -175,21 +80,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Bespoke 3D Design",
-          description: "High-detail 3D renders that allow you to walk through your design virtually before we build.",
-          imageSrc: "http://img.b2bpic.net/free-photo/employee-working-project-side-view_23-2149721889.jpg",
-        },
-        {
-          title: "Precision Space Planning",
-          description: "Optimizing floor plans to maximize efficiency, aesthetic appeal, and comfort for modern living.",
-          imageSrc: "http://img.b2bpic.net/free-photo/house-sign-draft_23-2147785570.jpg",
-        },
-        {
-          title: "Innovative Lighting Solutions",
-          description: "Setting the mood with bespoke smart lighting designs tailored for every room.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037511.jpg",
-        },
+        { title: "Bespoke 3D Design", description: "High-detail 3D renders that allow you to walk through your design virtually before we build.", imageSrc: "http://img.b2bpic.net/free-photo/employee-working-project-side-view_23-2149721889.jpg?_wi=2" },
+        { title: "Precision Space Planning", description: "Optimizing floor plans to maximize efficiency, aesthetic appeal, and comfort for modern living.", imageSrc: "http://img.b2bpic.net/free-photo/house-sign-draft_23-2147785570.jpg?_wi=2" },
+        { title: "Innovative Lighting Solutions", description: "Setting the mood with bespoke smart lighting designs tailored for every room.", imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037511.jpg" },
       ]}
       title="Our Core Services"
       description="We blend luxury, functionality, and future-ready aesthetics to transform your space into a reflection of your personality."
@@ -203,42 +96,9 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Modern Living Suite",
-          price: "Custom Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151361904.jpg",
-        },
-        {
-          id: "p2",
-          name: "Bespoke Bedroom Sanctuary",
-          price: "Custom Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-pastel-bedroom-with-marble-carpet-decor-deluxe-hotel_105762-2290.jpg",
-        },
-        {
-          id: "p3",
-          name: "Contemporary Executive Office",
-          price: "Custom Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797675.jpg",
-        },
-        {
-          id: "p4",
-          name: "Modular Luxury Kitchen",
-          price: "Custom Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg",
-        },
-        {
-          id: "p5",
-          name: "Elegant Dining Suite",
-          price: "Custom Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/room-house-decorated-with-brazilian-folklore-design_23-2150794165.jpg",
-        },
-        {
-          id: "p6",
-          name: "Spa-Inspired Bathroom",
-          price: "Custom Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2725.jpg",
-        },
+        { id: "p1", name: "Modern Living Suite", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151361904.jpg" },
+        { id: "p2", name: "Bespoke Bedroom Sanctuary", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-pastel-bedroom-with-marble-carpet-decor-deluxe-hotel_105762-2290.jpg" },
+        { id: "p3", name: "Contemporary Executive Office", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797675.jpg" },
       ]}
       title="Our Portfolio Highlights"
       description="A curated collection of our recent luxury projects in and around Ahmedabad."
@@ -251,57 +111,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          badge: "Essential",
-          price: "Consultation",
-          subtitle: "Perfect for minor renovations",
-          buttons: [
-            {
-              text: "Inquire",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Room Layout",
-            "Color Palette",
-            "Shopping List",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Luxury",
-          price: "Bespoke",
-          subtitle: "For custom home renovations",
-          buttons: [
-            {
-              text: "Inquire",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Full 3D Design",
-            "Lighting Plan",
-            "Project Oversight",
-          ],
-        },
-        {
-          id: "platinum",
-          badge: "Signature",
-          price: "Turnkey",
-          subtitle: "Complete white-glove service",
-          buttons: [
-            {
-              text: "Inquire",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Full Interior Project",
-            "Custom Furniture",
-            "Turnkey Handover",
-          ],
-        },
+        { id: "basic", badge: "Essential", price: "Consultation", subtitle: "Perfect for minor renovations", buttons: [{ text: "Inquire", href: "#contact" }], features: ["Room Layout", "Color Palette", "Shopping List"] },
+        { id: "pro", badge: "Luxury", price: "Bespoke", subtitle: "For custom home renovations", buttons: [{ text: "Inquire", href: "#contact" }], features: ["Full 3D Design", "Lighting Plan", "Project Oversight"] },
       ]}
       title="Design Packages"
       description="Transparent pricing for high-end interior solutions, ensuring luxury is accessible."
@@ -314,27 +125,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          title: "Projects Completed",
-          description: "Unique residential and commercial interiors.",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-home-decor-cozy-home_169016-5797.jpg",
-        },
-        {
-          id: "m2",
-          value: "98%",
-          title: "Client Satisfaction",
-          description: "Consistently high delivery success rates.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-plans_23-2148819836.jpg",
-        },
-        {
-          id: "m3",
-          value: "10+",
-          title: "Years of Excellence",
-          description: "Delivering luxury since our inception.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232866.jpg",
-        },
+        { id: "m1", value: "150+", title: "Projects Completed", description: "Unique residential and commercial interiors.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-home-decor-cozy-home_169016-5797.jpg" },
+        { id: "m2", value: "98%", title: "Client Satisfaction", description: "Consistently high delivery success rates.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-plans_23-2148819836.jpg" },
       ]}
       title="Symbol Interior at a Glance"
       description="Proven results for discerning clients in Ahmedabad."
@@ -345,31 +137,8 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Ananya Shah",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg",
-        },
-        {
-          id: "t2",
-          name: "Vikram Patel",
-          imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741791.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sneha Mehta",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-desk-talking-smartphone_23-2148372176.jpg",
-        },
-        {
-          id: "t4",
-          name: "Rohit Dave",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990692.jpg",
-        },
-        {
-          id: "t5",
-          name: "Kavita Shah",
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986287.jpg",
-        },
+        { id: "t1", name: "Ananya Shah", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg" },
+        { id: "t2", name: "Vikram Patel", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741791.jpg" },
       ]}
       cardTitle="What Our Clients Say"
       cardTag="Testimonials"
@@ -381,21 +150,8 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "faq1",
-          title: "Do you design for commercial spaces?",
-          content: "Yes, we specialize in both premium residential and sophisticated commercial interiors.",
-        },
-        {
-          id: "faq2",
-          title: "How do we get started?",
-          content: "Book an initial consultation through our contact form, and we will guide you through our process.",
-        },
-        {
-          id: "faq3",
-          title: "What makes Symbol Interior different?",
-          content: "We focus on a unique blend of future-ready technology and luxury interior design tailored to you.",
-        },
+        { id: "faq1", title: "Do you design for commercial spaces?", content: "Yes, we specialize in both premium residential and sophisticated commercial interiors." },
+        { id: "faq2", title: "How do we get started?", content: "Book an initial consultation through our contact form, and we will guide you through our process." },
       ]}
       sideTitle="Frequently Asked Questions"
       faqsAnimation="slide-up"
@@ -405,16 +161,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       text="Ready to design your luxurious dream space? Contact us today for an initial consultation."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:info@symbolinterior.com",
-        },
-      ]}
+      buttons={[{ text: "Contact Us", href: "mailto:info@symbolinterior.com" }]}
     />
   </div>
 
@@ -423,32 +172,8 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741805.jpg"
       logoText="Symbol Interior ®"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Projects",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#products" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
       ]}
     />
   </div>