Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { ShoppingCart, CheckCircle, CreditCard, Lock } from "lucide-react";
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -9,6 +10,7 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 
 export default function LandingPage() {
   return (
@@ -28,14 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Shop",          id: "products"},
-        {
-          name: "Track Order",          id: "track"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Shop", id: "products" },
+        { name: "Payment", id: "payment" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="VAUREN"
     />
@@ -43,46 +41,57 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "canvas-reveal"}}
+      background={{ variant: "canvas-reveal" }}
       title="Smart Products for Easy Everyday Living"
-      description="Premium Home & Kitchen Products. Cash on Delivery Available Across India."
+      description="Premium Home & Kitchen Products. Now with integrated secure payment gateway for a seamless checkout experience."
       buttons={[
-        {
-          text: "Shop Now",          href: "#products"},
-        {
-          text: "Track Order",          href: "#"},
+        { text: "Shop Now", href: "#products" },
+        { text: "Secure Payment", href: "#payment" },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/high-quality-minimal-product-photography-1774852961850-875f986a.png?_wi=1"
       imageAlt="Vauren Home Essentials"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852966235-d9f62481.png",          alt: "Happy Customer 1"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852960988-2c860c19.png",          alt: "Happy Customer 2"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852963054-49b8ac9f.png",          alt: "Happy Customer 3"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852961546-6c754651.png",          alt: "Happy Customer 4"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852966235-d9f62481.png",          alt: "Happy Customer 5"},
-      ]}
       avatarText="Trusted by 5,000+ homes"
       marqueeItems={[
-        {
-          type: "text",          text: "Premium Quality"},
-        {
-          type: "text",          text: "Cash on Delivery"},
-        {
-          type: "text",          text: "7-Day Returns"},
-        {
-          type: "text",          text: "Fast Shipping"},
-        {
-          type: "text",          text: "Secure Payments"},
+        { type: "text", text: "Secure Payments" },
+        { type: "text", text: "100% Encrypted" },
+        { type: "text", text: "Fast Processing" },
+        { type: "text", text: "Cash on Delivery" },
       ]}
     />
   </div>
 
+  <div id="payment" data-section="payment">
+      <FeatureHoverPattern
+      animationType="slide-up"
+      title="Seamless Payment Integration"
+      description="We have integrated a secure, high-speed payment gateway to ensure your transactions are safe, fast, and reliable."
+      useInvertedBackground={true}
+      features={[
+        { 
+          icon: CreditCard, 
+          title: "Multiple Methods", 
+          description: "Pay via Credit/Debit cards, UPI, or Net Banking effortlessly."
+        },
+        { 
+          icon: Lock, 
+          title: "Bank-Grade Security", 
+          description: "Your data is encrypted and protected with industry-standard protocols."
+        },
+        { 
+          icon: ShoppingCart, 
+          title: "Instant Processing", 
+          description: "Complete your checkout in seconds without any friction."
+        },
+        { 
+          icon: CheckCircle, 
+          title: "Guaranteed Safety", 
+          description: "Verified transactions for every single order you place."
+        }
+      ]}
+      textboxLayout="split"
+    />
+  </div>
+
   <div id="products" data-section="products">
       <ProductCardTwo
       animationType="slide-up"
@@ -90,117 +99,21 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",          brand: "Vauren",          name: "Multifunction Cleaning Brush",          price: "₹599",          rating: 5,
-          reviewCount: "128",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/a-single-premium-multifunctional-kitchen-1774852961161-6b0dabe8.png?_wi=1"},
-        {
-          id: "p2",          brand: "Vauren",          name: "Ergonomic Vegetable Chopper",          price: "₹699",          rating: 4,
-          reviewCount: "89",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/a-single-premium-multifunctional-kitchen-1774852961161-6b0dabe8.png?_wi=2"},
-        {
-          id: "p3",          brand: "Vauren",          name: "Smart Kitchen Organizer",          price: "₹499",          rating: 5,
-          reviewCount: "210",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/a-single-premium-multifunctional-kitchen-1774852961161-6b0dabe8.png?_wi=3"},
+        { id: "p1", brand: "Vauren", name: "Multifunction Cleaning Brush", price: "₹599", rating: 5, reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/a-single-premium-multifunctional-kitchen-1774852961161-6b0dabe8.png?_wi=1" },
+        { id: "p2", brand: "Vauren", name: "Ergonomic Vegetable Chopper", price: "₹699", rating: 4, reviewCount: "89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/a-single-premium-multifunctional-kitchen-1774852961161-6b0dabe8.png?_wi=2" },
+        { id: "p3", brand: "Vauren", name: "Smart Kitchen Organizer", price: "₹499", rating: 5, reviewCount: "210", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/a-single-premium-multifunctional-kitchen-1774852961161-6b0dabe8.png?_wi=3" },
       ]}
       title="Featured Essentials"
       description="Solve daily problems with our top-rated, premium kitchen and home tools."
     />
   </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTen
-      textboxLayout="default"
-      animationType="slide-up"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",          title: "Fast & Secure",          description: "Free shipping and secure payment options for peace of mind.",          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/high-quality-minimal-product-photography-1774852961850-875f986a.png?_wi=2",            imageAlt: "High-quality, minimal product photography of a modern, organized kitchen interior with premium kitch"},
-          items: [],
-          reverse: false,
-        },
-        {
-          id: "f2",          title: "Easy Returns",          description: "7-day easy replacement policy for damaged products.",          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/a-single-premium-multifunctional-kitchen-1774852961161-6b0dabe8.png?_wi=4",            imageAlt: "A single premium multifunctional kitchen brush with a modern, ergonomic design, studio lighting, whi"},
-          items: [],
-          reverse: true,
-        },
-        {
-          id: "f3",          title: "Cash on Delivery",          description: "Safe COD available across all pin codes in India.",          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852966235-d9f62481.png?_wi=1",            imageAlt: "Close-up portrait of a happy, diverse Indian customer at home, professional photography, clean backg"},
-          items: [],
-          reverse: false,
-        },
-      ]}
-      title="Why Choose Vauren?"
-      description="We are committed to quality, convenience, and superior shopping experience."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",          name: "Priya Sharma",          role: "Home Maker",          testimonial: "The cleaning brush is a total game changer in my kitchen! Very durable.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852966235-d9f62481.png?_wi=2"},
-        {
-          id: "t2",          name: "Rahul Verma",          role: "Professional",          testimonial: "Fast delivery and great quality. Highly recommend Vauren products.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852960988-2c860c19.png"},
-        {
-          id: "t3",          name: "Anjali Mehta",          role: "Chef",          testimonial: "Extremely useful for everyday tasks. Makes life so much easier!",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852963054-49b8ac9f.png"},
-        {
-          id: "t4",          name: "Vikram Singh",          role: "Home Maker",          testimonial: "Reliable brand. The organizer is perfect for small spaces.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852961546-6c754651.png"},
-        {
-          id: "t5",          name: "Sunita Rao",          role: "Home Maker",          testimonial: "Love the premium quality of Vauren products, value for money!",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/close-up-portrait-of-a-happy-diverse-ind-1774852966235-d9f62481.png?_wi=3"},
-      ]}
-      title="Loved by Thousands"
-      description="Don't just take our word for it—see what our happy customers are saying."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",          title: "Is Cash on Delivery available?",          content: "Yes, we offer Cash on Delivery across all pin codes in India."},
-        {
-          id: "q2",          title: "How many days for delivery?",          content: "Standard delivery takes between 5–8 business days across India."},
-        {
-          id: "q3",          title: "Do you offer returns?",          content: "We offer a 7-day easy replacement policy for any damaged or defective items."},
-        {
-          id: "q4",          title: "How to contact support?",          content: "You can email us at support@vauren.com. We respond within 24–48 hours."},
-      ]}
-      title="Frequently Asked Questions"
-      description="Answers to the questions our customers ask most often."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterMedia
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BecLRMp4d3c4oOTf318iDJkVyI/high-quality-minimal-product-photography-1774852961850-875f986a.png?_wi=3"
       columns={[
-        {
-          title: "Quick Links",          items: [
-            {
-              label: "Shop",              href: "#products"},
-            {
-              label: "Track Order",              href: "#"},
-            {
-              label: "Contact",              href: "#"},
-          ],
-        },
-        {
-          title: "Policies",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Refund Policy",              href: "#"},
-            {
-              label: "Shipping Policy",              href: "#"},
-          ],
-        },
+        { title: "Quick Links", items: [{ label: "Shop", href: "#products" }, { label: "Payment", href: "#payment" }] },
+        { title: "Policies", items: [{ label: "Privacy Policy", href: "#" }, { label: "Refund Policy", href: "#" }] },
       ]}
       logoText="VAUREN"
       copyrightText="© 2025 | Vauren India"
@@ -209,4 +122,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}