Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 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 FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
@@ -32,60 +32,34 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "About",          id: "#about"},
-        {
-          name: "Products",          id: "#products"},
-        {
-          name: "Pricing",          id: "#pricing"},
-        {
-          name: "Contact",          id: "#contact"},
+        { name: "About", id: "#about" },
+        { name: "Products", id: "#products" },
+        { name: "Pricing", id: "#pricing" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="EpoxyPro"
-      button={{
-        text: "Get Quote",        href: "#contact"}}
+      button={{ text: "Get Quote", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       title="Transform Your Space with Premium Epoxy"
       description="Professional-grade epoxy flooring and sealant solutions designed for durability, style, and perfection. Built for modern industrial and residential environments."
       buttons={[
-        {
-          text: "Explore Services",          href: "#products"},
-        {
-          text: "Contact Us",          href: "#contact"},
+        { text: "Explore Services", href: "#products" },
+        { text: "Contact Us", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-mixture-acrylic-violet-pink-shades_23-2148315598.jpg?_wi=1"
       imageAlt="Epoxy surface"
       mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/hand-made-painting-texture-with-foam-blue-watercolor_23-2148078937.jpg",          alt: "Hand made painting texture with foam and blue watercolor"},
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-shot-abstract-patterns-created-with-bright-paints-mixed-water_181624-26331.jpg",          alt: "Closeup shot of abstract patterns created with bright paints mixed in the water"},
-        {
-          src: "http://img.b2bpic.net/free-photo/colorful-fluid-art-art-background-diy-abstract-flowing-texture_53876-103604.jpg",          alt: "Colorful fluid art art background DIY abstract flowing texture"},
-        {
-          src: "http://img.b2bpic.net/free-photo/mix-golden-purple-foam_23-2147797967.jpg",          alt: "Mix of golden and purple foam"},
-        {
-          src: "http://img.b2bpic.net/free-photo/you-are-special-rare-unique-different_53876-133683.jpg",          alt: "You Are Special Rare Unique Different"},
-      ]}
-      avatarText="Trusted by 5,000+ satisfied clients"
       marqueeItems={[
-        {
-          type: "text",          text: "Industrial Grade"},
-        {
-          type: "text",          text: "15+ Years Experience"},
-        {
-          type: "text",          text: "UV Resistant"},
-        {
-          type: "text",          text: "Heat Proof"},
-        {
-          type: "text",          text: "Seamless Finish"},
+        { type: "text", text: "Industrial Grade" },
+        { type: "text", text: "15+ Years Experience" },
+        { type: "text", text: "UV Resistant" },
+        { type: "text", text: "Heat Proof" },
+        { type: "text", text: "Seamless Finish" },
       ]}
     />
   </div>
@@ -110,33 +84,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Ultra Durability",          description: "High resistance against chemical spills and heavy traffic.",          icon: Shield,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/underground-parking-lot_1112-927.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/abstract-ink-dots-unreal-background_23-2148231677.jpg"},
-          ],
-        },
-        {
-          title: "Heat Resistance",          description: "Perfect for kitchens, garages, and commercial spaces.",          icon: Zap,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-20333.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/rectangular-black-tray-near-shake-glass_209303-61.jpg"},
-          ],
-        },
-        {
-          title: "Seamless Design",          description: "No joints, no gaps, just perfect liquid glass finishes.",          icon: Sparkles,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/swirl-liquid-paint_23-2148346981.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/mixing-aquamarine-white-liquid-with-foam-blobs_23-2147934169.jpg"},
-          ],
-        },
+        { title: "Ultra Durability", description: "High resistance against chemical spills and heavy traffic.", icon: Shield, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/underground-parking-lot_1112-927.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/abstract-ink-dots-unreal-background_23-2148231677.jpg" }] },
+        { title: "Heat Resistance", description: "Perfect for kitchens, garages, and commercial spaces.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-20333.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/rectangular-black-tray-near-shake-glass_209303-61.jpg" }] },
+        { title: "Seamless Design", description: "No joints, no gaps, just perfect liquid glass finishes.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/swirl-liquid-paint_23-2148346981.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/mixing-aquamarine-white-liquid-with-foam-blobs_23-2147934169.jpg" }] },
       ]}
       title="Why Choose Our Epoxy"
       description="Experience superior quality with features that define longevity and beauty."
@@ -150,18 +100,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",          name: "Industrial Sealant",          price: "$89",          variant: "Heavy Duty",          imageSrc: "http://img.b2bpic.net/free-photo/research-worker-laboratory-breeding-new-kinds-vegetation_273609-13435.jpg"},
-        {
-          id: "2",          name: "Metallic Pigment",          price: "$25",          variant: "Color Additive",          imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-agricultural-field-countryside_181624-15653.jpg"},
-        {
-          id: "3",          name: "Crystal Clear Resin",          price: "$120",          variant: "Art Grade",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-garbage-plastic-bottle_23-2148393484.jpg"},
-        {
-          id: "4",          name: "Floor Sealer",          price: "$75",          variant: "High Gloss",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-paint-roller_23-2148384509.jpg"},
-        {
-          id: "5",          name: "Resin Hardener",          price: "$45",          variant: "Activator",          imageSrc: "http://img.b2bpic.net/free-photo/modern-art-studio-composition_23-2147868333.jpg"},
-        {
-          id: "6",          name: "Mixing Tools Kit",          price: "$30",          variant: "Application",          imageSrc: "http://img.b2bpic.net/free-photo/copy-space-artist-brushes_23-2148575564.jpg"},
+        { id: "1", name: "Industrial Sealant", price: "$89", variant: "Heavy Duty", imageSrc: "http://img.b2bpic.net/free-photo/research-worker-laboratory-breeding-new-kinds-vegetation_273609-13435.jpg" },
+        { id: "2", name: "Metallic Pigment", price: "$25", variant: "Color Additive", imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-agricultural-field-countryside_181624-15653.jpg" },
+        { id: "3", name: "Crystal Clear Resin", price: "$120", variant: "Art Grade", imageSrc: "http://img.b2bpic.net/free-photo/front-view-garbage-plastic-bottle_23-2148393484.jpg" },
+        { id: "4", name: "Floor Sealer", price: "$75", variant: "High Gloss", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-paint-roller_23-2148384509.jpg" },
       ]}
       title="Our Product Line"
       description="Professional chemicals for every resin project."
@@ -174,24 +116,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "p1",          title: "Standard Coating",          price: "$4.50/sq ft",          period: "Includes prep and labor",          features: [
-            "Surface preparation",            "Standard epoxy color",            "UV resistant finish"],
-          button: {
-            text: "Request Quote"},
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-pouring-water-blender-filled-with-torned-papers_23-2147846084.jpg",          imageAlt: "Woman's hand pouring water in blender filled with torned papers"},
-        {
-          id: "p2",          title: "Premium Metallic",          price: "$8.20/sq ft",          period: "High visual impact",          features: [
-            "Metallic pigment depth",            "Three coat system",            "Anti-scratch topcoat"],
-          button: {
-            text: "Book Consultation"},
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mixture-acrylic-violet-pink-shades_23-2148315598.jpg?_wi=2",          imageAlt: "Woman's hand pouring water in blender filled with torned papers"},
-        {
-          id: "p3",          title: "Heavy Industry",          price: "$12.00/sq ft",          period: "Maximum durability",          features: [
-            "Industrial grade epoxy",            "Broadcast quartz layer",            "Chemical proofing"],
-          button: {
-            text: "Contact Sales"},
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-holding-mold-with-paper-pulp-tray-workshop_23-2147845565.jpg?_wi=2",          imageAlt: "Woman's hand pouring water in blender filled with torned papers"},
+        { id: "p1", title: "Standard Coating", price: "$4.50/sq ft", period: "Includes prep and labor", features: ["Surface preparation", "Standard epoxy color", "UV resistant finish"], button: { text: "Request Quote" }, imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-pouring-water-blender-filled-with-torned-papers_23-2147846084.jpg" },
+        { id: "p2", title: "Premium Metallic", price: "$8.20/sq ft", period: "High visual impact", features: ["Metallic pigment depth", "Three coat system", "Anti-scratch topcoat"], button: { text: "Book Consultation" }, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mixture-acrylic-violet-pink-shades_23-2148315598.jpg?_wi=2" },
+        { id: "p3", title: "Heavy Industry", price: "$12.00/sq ft", period: "Maximum durability", features: ["Industrial grade epoxy", "Broadcast quartz layer", "Chemical proofing"], button: { text: "Contact Sales" }, imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-holding-mold-with-paper-pulp-tray-workshop_23-2147845565.jpg?_wi=2" },
       ]}
       title="Application Services"
       description="Choose the right package for your residential or commercial space."
@@ -204,14 +131,10 @@ export default function LandingPage() {
       title="Track Record of Quality"
       tag="Our Achievements"
       metrics={[
-        {
-          id: "m1",          value: "15+",          description: "Years of Experience"},
-        {
-          id: "m2",          value: "5k+",          description: "Projects Completed"},
-        {
-          id: "m3",          value: "99%",          description: "Satisfaction Rate"},
-        {
-          id: "m4",          value: "120",          description: "Materials Tested"},
+        { id: "m1", value: "15+", description: "Years of Experience" },
+        { id: "m2", value: "5k+", description: "Projects Completed" },
+        { id: "m3", value: "99%", description: "Satisfaction Rate" },
+        { id: "m4", value: "120", description: "Materials Tested" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -223,21 +146,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Alex Rivet",          handle: "Construction Lead",          testimonial: "The finish is like glass. Best epoxy application we've seen in years.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-with-tablet-cafe_1262-3779.jpg"},
-        {
-          id: "2",          name: "Sarah Miller",          handle: "Homeowner",          testimonial: "My garage floor looks better than my kitchen. Extremely happy with results.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg"},
-        {
-          id: "3",          name: "David Chen",          handle: "Studio Manager",          testimonial: "Very professional and clean work. The metallic effect is amazing.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-reading-tarot-with-laptop_23-2150276134.jpg"},
-        {
-          id: "4",          name: "Marcus Thorne",          handle: "Warehouse Lead",          testimonial: "Tough as nails. Holds up against our forklifts daily.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
-        {
-          id: "5",          name: "Elena Ross",          handle: "Kitchen Designer",          testimonial: "Perfect aesthetic for our commercial designs.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-stylish-woman-sitting-sofa-elegant-clothes-relax-home_291049-2821.jpg"},
+        { id: "1", name: "Alex Rivet", handle: "Construction Lead", testimonial: "The finish is like glass. Best epoxy application we've seen in years.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-with-tablet-cafe_1262-3779.jpg" },
+        { id: "2", name: "Sarah Miller", handle: "Homeowner", testimonial: "My garage floor looks better than my kitchen. Extremely happy with results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg" },
+        { id: "3", name: "David Chen", handle: "Studio Manager", testimonial: "Very professional and clean work. The metallic effect is amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-reading-tarot-with-laptop_23-2150276134.jpg" },
       ]}
       showRating={true}
       title="Client Success"
@@ -246,54 +157,24 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Start Your Project"
-      description="Ready to transform your floors? Send us your inquiry and let's get a quote ready."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Name",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Email",          required: true,
-        },
-        {
-          name: "sqft",          type: "number",          placeholder: "Approx Sq Ft"},
-      ]}
-      textarea={{
-        name: "message",        placeholder: "Tell us about your space...",        rows: 4,
-      }}
+      <ContactSplit
+      tag="Get in touch"
+      title="Start Your Epoxy Transformation"
+      description="Our experts are ready to provide a custom estimate for your space. Reach out today for a consultation."
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={true}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-mixture-acrylic-violet-pink-shades_23-2148315598.jpg?_wi=3"
+      buttonText="Submit Request"
+      onSubmit={(data) => console.log(data)}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
-        {
-          title: "Resources",          items: [
-            {
-              label: "Products",              href: "#products"},
-            {
-              label: "FAQ",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
+        { title: "Resources", items: [{ label: "Products", href: "#products" }, { label: "FAQ", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
       bottomLeftText="© 2024 EpoxyPro, Inc."
       bottomRightText="All rights reserved."
@@ -302,4 +183,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}