Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,17 +2,20 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Sparkles, Hammer, Users } from "lucide-react";
+import { Sparkles, Hammer, Users, Lightbulb, Building, Type, Flag, Store, PanelLeft, LayoutGrid, SprayCan, PanelTop, Grid3x3, BoxSelect, Monitor, Briefcase, Utensils, Megaphone, CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -37,9 +40,11 @@ export default function LandingPage() {
         {
           name: "About Us",          id: "about"},
         {
-          name: "Services",          id: "features"},
+          name: "Services",          id: "all-services"},
         {
           name: "Portfolio",          id: "products"},
+        {
+          name: "Gallery",           id: "gallery"},
         {
           name: "Testimonials",          id: "testimonials"},
         {
@@ -61,11 +66,26 @@ export default function LandingPage() {
       tagIcon={Sparkles}
       buttons={[
         {
-          text: "Explore Services",          href: "#features"},
+          text: "Explore Services",          href: "#all-services"},
         {
           text: "Get a Quote",          href: "#contact"},
       ]}
       mediaItems={[
+        {
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESf0Xs95RHKHJoFe1J1KoYCtDm/uploaded-1780178171634-rgvpgied.jpg",          imageAlt: "PVC paneling installation"
+        },
+        {
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESf0Xs95RHKHJoFe1J1KoYCtDm/uploaded-1780178171634-bhojn2ip.jpg",          imageAlt: "Gypsum false ceiling design"
+        },
+        {
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESf0Xs95RHKHJoFe1J1KoYCtDm/uploaded-1780178171635-9pfrcnwl.jpg",          imageAlt: "POP work detail"
+        },
+        {
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESf0Xs95RHKHJoFe1J1KoYCtDm/uploaded-1780178171635-3dkdpfqe.jpg",          imageAlt: "Advertising banner design"
+        },
+        {
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESf0Xs95RHKHJoFe1J1KoYCtDm/uploaded-1780178171635-g274ekzg.jpg",          imageAlt: "Interior decor project"
+        },
         {
           imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-blue-big-hoarding-pole-with-light-against-blue-sky_23-2147901115.jpg",          imageAlt: "Luxurious PVC ceiling panel installation"},
         {
@@ -123,6 +143,36 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="all-services" data-section="all-services">
+      <FeatureBento
+        title="Comprehensive Services for Your Every Need"
+        description="Discover our full range of interior finishing, renovation, and advertising solutions tailored for residential and commercial clients."
+        features={[
+          { title: "LED Sign Boards", description: "Bright, custom-designed LED sign boards for maximum visibility.", bentoComponent: 'reveal-icon', icon: Lightbulb },
+          { title: "ACP Signage", description: "Durable Aluminum Composite Panel signage for a sleek, modern look.", bentoComponent: 'reveal-icon', icon: Building },
+          { title: "Glow Sign Boards", description: "Eye-catching glow signs that illuminate your brand day and night.", bentoComponent: 'reveal-icon', icon: Lightbulb },
+          { title: "Acrylic Letters", description: "Elegant 3D acrylic letters for sophisticated indoor and outdoor branding.", bentoComponent: 'reveal-icon', icon: Type },
+          { title: "Flex & Banner Printing", description: "High-quality flex and banner printing for all your promotional needs.", bentoComponent: 'reveal-icon', icon: Flag },
+          { title: "Shop Branding", description: "Complete shop branding solutions from exterior to interior elements.", bentoComponent: 'reveal-icon', icon: Store },
+          { title: "PVC Wall Panels", description: "Stylish and easy-to-maintain PVC wall panels for modern interiors.", bentoComponent: 'reveal-icon', icon: PanelLeft },
+          { title: "ACP Cladding", description: "Weather-resistant ACP cladding for building exteriors.", bentoComponent: 'reveal-icon', icon: Building },
+          { title: "False Ceiling Design", description: "Innovative false ceiling designs in gypsum, POP, and PVC for aesthetic appeal.", bentoComponent: 'reveal-icon', icon: LayoutGrid },
+          { title: "POP Ceiling Work", description: "Intricate Plaster of Paris designs for elegant ceiling finishes.", bentoComponent: 'reveal-icon', icon: SprayCan },
+          { title: "PVC Ceiling Installation", description: "Quick and efficient PVC ceiling installations with various patterns.", bentoComponent: 'reveal-icon', icon: PanelTop },
+          { title: "Flooring Replacement", description: "Professional flooring replacement services including vinyl, laminate, and more.", bentoComponent: 'reveal-icon', icon: Grid3x3 },
+          { title: "Tile Installation", description: "Expert tile installation for floors, walls, and decorative accents.", bentoComponent: 'reveal-icon', icon: Grid3x3 },
+          { title: "3D Interior Modeling", description: "Visualize your space with realistic 3D interior modeling services.", bentoComponent: 'reveal-icon', icon: BoxSelect },
+          { title: "TV Unit Design", description: "Custom TV unit designs that blend functionality and modern aesthetics.", bentoComponent: 'reveal-icon', icon: Monitor },
+          { title: "Commercial Interior Work", description: "Complete interior solutions for offices, showrooms, and commercial spaces.", bentoComponent: 'reveal-icon', icon: Briefcase },
+          { title: "Restaurant Branding", description: "Creative branding for restaurants, including signage, menus, and interior elements.", bentoComponent: 'reveal-icon', icon: Utensils },
+          { title: "Outdoor Advertising", description: "Impactful outdoor advertising solutions like hoardings and large format prints.", bentoComponent: 'reveal-icon', icon: Megaphone },
+        ]}
+        animationType="slide-up"
+        textboxLayout="default"
+        useInvertedBackground={true}
+      />
+  </div>
+
   <div id="products" data-section="products">
       <ProductCardOne
       animationType="slide-up"
@@ -149,6 +199,24 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="gallery" data-section="gallery">
+      <ProductCardTwo
+        title="Our Diverse Project Gallery"
+        description="Explore our recently completed projects across various categories, showcasing our craftsmanship and attention to detail."
+        products={[
+          { id: "g1", brand: "Design", name: "Spiral Staircase & Wooden Interior", price: "", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spiral-staircase_23-2149591965.jpg", imageAlt: "Spiral staircase and wooden interior design" },
+          { id: "g2", brand: "Modern Living", name: "TV Panel & Wall Unit Designs", price: "", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-living-room-interior-design_1340-23910.jpg", imageAlt: "TV panel and wall unit designs" },
+          { id: "g3", brand: "Ambiance", name: "False Ceiling & Lighting Designs", price: "", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-decoration-ceiling-hotel-lobby_23-2149729853.jpg", imageAlt: "False ceiling and lighting designs" },
+          { id: "g4", brand: "Visibility", name: "LED Signboard & Branding Work", price: "", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/building-signboard-mockup-design_23-2148785987.jpg", imageAlt: "LED signboard and branding work" }
+        ]}
+        animationType="slide-up"
+        textboxLayout="default"
+        gridVariant="four-items-2x2-equal-grid"
+        useInvertedBackground={false}
+        carouselMode="buttons"
+      />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardOne
       animationType="slide-up"
@@ -159,22 +227,22 @@ export default function LandingPage() {
       testimonials={[
         {
           id: "t1",          name: "Rajat Sharma",          role: "Restaurant Owner",          company: "Spice Route Eatery",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg",          imageAlt: "Rajat Sharma"},
+          imageSrc: "https://images.unsplash.com/photo-1507003211169-e69fe1c5a3b2?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Rajat Sharma"},
         {
           id: "t2",          name: "Priya Singh",          role: "Homeowner",          company: "Personal Residence",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-66073.jpg",          imageAlt: "Priya Singh"},
+          imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29329?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Priya Singh"},
         {
           id: "t3",          name: "Anil Kumar",          role: "Office Manager",          company: "Innovate Solutions",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/human-resource-manager-interviewing-male-applicant_1262-21172.jpg",          imageAlt: "Anil Kumar"},
+          imageSrc: "https://images.unsplash.com/photo-1547425260-76bc4c502494?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Anil Kumar"},
         {
           id: "t4",          name: "Sneha Gupta",          role: "Boutique Owner",          company: "Fashion Haven",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/upper-angle-view-happy-beautiful-woman-holding-smartphone-sitting-home-having-break-from-work_1258-199926.jpg",          imageAlt: "Sneha Gupta"},
+          imageSrc: "https://images.unsplash.com/photo-1599566150163-29194d6b63f9?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Sneha Gupta"},
         {
           id: "t5",          name: "Vikram Malhotra",          role: "Contractor",          company: "Urban Builders",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-emotions-celebration-joy-happiness-concept-studio-image-ecstatic-overjoyed-mature-woman-stylish-red-bonnet-exclaiming-excitedly-clenching-fists-celebrating-good-news-success_343059-2314.jpg",          imageAlt: "Vikram Malhotra"},
+          imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Vikram Malhotra"},
         {
           id: "t6",          name: "Deepika Reddy",          role: "Retail Store Manager",          company: "Gadget World",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-call-centre-girl-wearing-headset-glasses-sitting-desk-with-work-tools-looking-camera-doing-look-gesture-isolated-pink-wall_141793-113417.jpg",          imageAlt: "Deepika Reddy"},
+          imageSrc: "https://images.unsplash.com/photo-1580489944761-15a19d654956?q=80&w=1961&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Deepika Reddy"},
       ]}
       title="What Our Clients Say"
       description="Hear directly from our satisfied customers about their experience with Delhi Decor & Signage. Their feedback is a testament to our quality and dedication."
@@ -217,19 +285,19 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
       useInvertedBackground={true}
       background={{
         variant: "sparkles-gradient"}}
-      tag="Get in Touch"
+      tag="Enquire Now"
-      title="Ready to Transform Your Space?"
+      title="Let's Start Your Next Project"
-      description="Contact Delhi Decor & Signage today for a consultation or quote. We're here to bring your interior and advertising visions to life with professional expertise. Reach us directly on WhatsApp or visit our shop in Paharganj."
+      description="Ready to elevate your space or brand? Fill out the form below, and our team will get in touch to discuss your service details and outline the process, from consultation to completion."
-      buttons={[
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-business-team-working-together_23-2149630733.jpg"
-        {
+      imageAlt="Team collaborating on a project"
-          text: "WhatsApp Us: 9211051850",          href: "https://wa.me/919211051850"},
+      mediaPosition="right"
-        {
+      buttonText="Send Message"
-          text: "Visit Our Shop",          href: "#footer"},
+      inputPlaceholder="Your Email"
-      ]}
+      termsText="By sending a message you're confirming that you agree with our Terms and Conditions."
     />
   </div>
 
@@ -239,24 +307,36 @@ export default function LandingPage() {
       columns={[
         {
           title: "Services",          items: [
-            {
+            { label: "LED Sign Boards", href: "#all-services" },
-              label: "PVC Paneling",              href: "#features"},
+            { label: "ACP Signage", href: "#all-services" },
-            {
+            { label: "Glow Sign Boards", href: "#all-services" },
-              label: "Gypsum Work",              href: "#features"},
+            { label: "Acrylic Letters", href: "#all-services" },
-            {
+            { label: "Flex & Banner Printing", href: "#all-services" },
-              label: "POP Designs",              href: "#features"},
+            { label: "Shop Branding", href: "#all-services" },
-            {
+            { label: "PVC Wall Panels", href: "#all-services" },
-              label: "Signage & Banners",              href: "#features"},
+            { label: "ACP Cladding", href: "#all-services" },
-            {
+            { label: "False Ceiling Design", href: "#all-services" },
-              label: "Flooring Solutions",              href: "#features"},
+            { label: "POP Ceiling Work", href: "#all-services" },
+            { label: "PVC Ceiling Installation", href: "#all-services" },
+            { label: "Flooring Replacement", href: "#all-services" },
+            { label: "Tile Installation", href: "#all-services" },
+            { label: "3D Interior Modeling", href: "#all-services" },
+            { label: "TV Unit Design", href: "#all-services" },
+            { label: "Commercial Interior Work", href: "#all-services" },
+            { label: "Restaurant Branding", href: "#all-services" },
+            { label: "Outdoor Advertising", href: "#all-services" },
           ],
         },
         {
           title: "Company",          items: [
             {
               label: "About Us",              href: "#about"},
+            {
+              label: "Services",              href: "#all-services"},
             {
               label: "Portfolio",              href: "#products"},
+            {
+              label: "Gallery",              href: "#gallery"},
             {
               label: "Testimonials",              href: "#testimonials"},
             {
@@ -282,4 +362,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}