Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,17 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import { Briefcase } from "lucide-react";
-import TextAbout from '@/components/sections/about/TextAbout';
-import { Package, Star, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -23,330 +21,112 @@ export default function LandingPage() {
         contentWidth="mediumLarge"
         sizing="mediumLargeSizeMediumTitles"
         background="none"
-        cardStyle="layered-gradient"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="primary-glow"
+        primaryButtonStyle="gradient"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Products", id: "products" },
-          id: "hero",
+        { name: "About", id: "about" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="PK Plastics"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroOverlay
+      <HeroCarouselLogo
-      title="Premium Cello Products Distributor"
+      logoText="PK Plastics"
-      description="Quality Kitchen & Household Solutions. Trusted partner for retailers and households."
+      description="Premium Distributor of Cello household products. Elegance and utility for every home."
-      buttons={[
+      buttons={[{ text: "View Collection", href: "#products" }]}
-        {
+      slides={[
-          text: "Explore Products",
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D55wVjOr9sdm0qnPqQeL6r3pIi/uploaded-1777560408546-9f6aubwd.jpg", imageAlt: "Premium kitchenware collection" },
-          href: "#products",
+        { imageSrc: "http://img.b2bpic.net/free-photo/clean-minimalist-kitchen_23-2149100000.jpg", imageAlt: "Storage solutions" }
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-cups-tray_23-2148892817.jpg"
-      avatarText="Trusted by 500+ retailers"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
-          alt: "Confident businessman smiling",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
-          alt: "Portrait of man in black suit",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
-          alt: "Businesswoman in Glasses Portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
-          alt: "Portrait of smiley business woman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
-          alt: "Close-up of positive executive at work",
-        },
       ]}
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardFour
+      <ProductCardThree
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
+      title="Product Collections"
+      description="Our premium selection of Cello products, designed for durability and style."
       products={[
-        {
+        { id: "1", name: "Kitchen Essentials", price: "Catalog", imageSrc: "http://img.b2bpic.net/free-photo/electric-blender-mixer-juicer-set_140725-7264.jpg" },
-          id: "p1",
+        { id: "2", name: "Storage Solutions", price: "Catalog", imageSrc: "http://img.b2bpic.net/free-photo/food-containers-arrangement_23-2149238985.jpg" },
-          name: "Kitchen Appliances",
+        { id: "3", name: "Dinnerware Sets", price: "Catalog", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tableware-arrangement_23-2148930370.jpg" }
-          price: "View",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/electric-blender-mixer-juicer-set_140725-7264.jpg",
-        },
-        {
-          id: "p2",
-          name: "Lunch Boxes",
-          price: "View",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-near-school-supplies_23-2147866255.jpg",
-        },
-        {
-          id: "p3",
-          name: "Casseroles",
-          price: "View",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/flexitarian-diet-pot-flat-lay_23-2148862690.jpg",
-        },
-        {
-          id: "p4",
-          name: "Storage Containers",
-          price: "View",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/food-containers-arrangement_23-2149238985.jpg",
-        },
-        {
-          id: "p5",
-          name: "Cookware",
-          price: "View",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-pan-with-boiling-pasta_23-2149646266.jpg",
-        },
-        {
-          id: "p6",
-          name: "Dinner Sets",
-          price: "View",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tableware-arrangement_23-2148930370.jpg",
-        },
       ]}
-      title="Product Categories"
-      description="Discover our wide range of Cello household essentials."
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
+      <TestimonialAboutCard
+      tag="About Us"
+      title="PK Plastics: Excellence in Distribution"
+      description="Founded on the principles of quality and reliability, PK Plastics brings the renowned Cello brand to every household in Indore."
+      subdescription="We pride ourselves on an extensive supply chain and superior customer service."
+      icon={Briefcase}
+      videoSrc="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
       useInvertedBackground={false}
-      title="Your Trusted Cello Distributor in Indore"
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardThree
+      <MetricCardEleven
+      title="Trusted by Many"
+      description="Proven results in the industry."
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "1", title: "4.9 Rating", value: "4.9 Star Rating", description: "Consistent excellence", imageSrc: "http://img.b2bpic.net/free-photo/rating-concept_23-2148900000.jpg" },
-          id: "m1",
+        { id: "2", title: "500+ Retailers", value: "500+ Partners", description: "Building strong networks", imageSrc: "http://img.b2bpic.net/free-photo/business-network_23-2148900000.jpg" }
-          title: "Google Rating",
-          value: "4.9 ⭐",
-          icon: Star,
-        },
-        {
-          id: "m2",
-          title: "Happy Retailers",
-          value: "500+",
-          icon: Users,
-        },
-        {
-          id: "m3",
-          title: "Products Served",
-          value: "1000+",
-          icon: Package,
-        },
       ]}
-      title="Quality at a Glance"
-      description="Building trust through excellence in distribution."
-    />
-  </div>
-
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Cello World",
-        "Premium Household",
-        "Kitchen Solutions",
-        "Daily Essentials",
-        "Tableware Pro",
-        "Storage Master",
-        "Clean Home Co",
-      ]}
-      title="Partnering with Excellence"
-      description="Distributing premium quality Cello products."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
+      <TestimonialCardOne
+      title="What Our Partners Say"
+      description="Feedback from our valued retail partners."
       animationType="slide-up"
+      gridVariant="three-columns-all-equal-width"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Amit Sharma", role: "Retailer", company: "Indore Mart", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling_23-2148900000.jpg" },
-          id: "t1",
+        { id: "2", name: "Priya Gupta", role: "Manager", company: "Home Style", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_23-2148900000.jpg" }
-          name: "Amit Sharma",
-          role: "Retailer",
-          company: "Indore Kitchenware",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
-        },
-        {
-          id: "t2",
-          name: "Priya Verma",
-          role: "Store Owner",
-          company: "Home Essentials",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
-        },
-        {
-          id: "t3",
-          name: "Rahul Gupta",
-          role: "Distributor",
-          company: "City Mart",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sonia Reddy",
-          role: "Retailer",
-          company: "Kitchen World",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
-        },
-        {
-          id: "t5",
-          name: "Vikram Seth",
-          role: "Owner",
-          company: "Modern Tableware",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
-        },
       ]}
-      kpiItems={[
-        {
-          value: "4.9",
-          label: "Avg Rating",
-        },
-        {
-          value: "10Y+",
-          label: "Experience",
-        },
-        {
-          value: "100%",
-          label: "Trust",
-        },
-      ]}
-      title="Client Feedback"
-      description="Hear what our retailers and partners say about PK Plastics."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How can I start distribution?",
-          content: "Contact us via the form or phone number.",
-        },
-        {
-          id: "f2",
-          title: "What Cello products are available?",
-          content: "We stock the entire Cello kitchenware range.",
-        },
-        {
-          id: "f3",
-          title: "Where is PK Plastics located?",
-          content: "We are at 5 Khatipura, MG Road, Indore.",
-        },
-      ]}
-      sideTitle="Common Inquiries"
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactSplit
+      tag="Contact Us"
+      title="Partner With Us"
+      description="Interested in carrying our product line? Let's discuss your requirements."
+      background={{ variant: "gradient-bars" }}
       useInvertedBackground={false}
-      title="Get in Touch"
+      imageSrc="http://img.b2bpic.net/free-photo/customer-service_23-2148900000.jpg"
-      description="Reach out to PK Plastics for inquiries, catalog requests, or partnership opportunities."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/loop-around-hospital-concept-collage_23-2150040485.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterLogoReveal
-      columns={[
+      logoText="PK Plastics"
-        {
+      leftLink={{ text: "© 2024 PK Plastics" }}
-          title: "Quick Links",
+      rightLink={{ text: "Privacy Policy" }}
-          items: [
-            {
-              label: "Products",
-              href: "#products",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Address",
-          items: [
-            {
-              label: "5 Khatipura, MG Road, Indore",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 PK Plastics"
-      bottomRightText="Premium Distributor"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}