Update src/app/page.tsx

src/app/page.tsx

@@ -9,7 +9,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import { ShieldCheck, Truck } from "lucide-react";
+import { ShieldCheck, Truck, Mail, Phone, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,22 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Products", id: "products" },
-        },
+        { name: "FAQ", id: "faq" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="SS Paverblock"
     />
@@ -52,81 +41,18 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="SS Paverblock & Chequred Tiles Industry"
       description="Your premier source for high-quality, durable paver blocks and checkered concrete tiles. Built to last, designed to impress."
       kpis={[
-        {
+        { value: "1000+", label: "Projects Completed" },
-          value: "1000+",
+        { value: "15+", label: "Years Experience" },
-          label: "Projects Completed",
+        { value: "100%", label: "Quality Assured" },
-        },
-        {
-          value: "15+",
-          label: "Years Experience",
-        },
-        {
-          value: "100%",
-          label: "Quality Assured",
-        },
       ]}
       enableKpiAnimation={true}
-      buttons={[
+      buttons={[{ text: "Explore Products", href: "#products" }]}
-        {
-          text: "Explore Products",
-          href: "#products",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384865.jpg"
       mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12591.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/black-white-plate-geometric-pattern-floor-minimalist-design_169016-25290.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/textured-background_53876-32429.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15576.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/abstract-metallic-surface-close-up_23-2148846140.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ industry professionals"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Premium Quality",
-        },
-        {
-          type: "text-icon",
-          text: "ISO Certified",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text",
-          text: "Durable Design",
-        },
-        {
-          type: "text-icon",
-          text: "Fast Logistics",
-          icon: Truck,
-        },
-        {
-          type: "text",
-          text: "Custom Patterns",
-        },
-      ]}
     />
   </div>
 
@@ -134,19 +60,9 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
+        { type: "text", content: "Crafting Strength " },
-          type: "text",
+        { type: "image", src: "http://img.b2bpic.net/free-photo/modern-architecture-building-blue-skies_1127-2956.jpg", alt: "Crafting Strength" },
-          content: "Crafting Strength ",
+        { type: "text", content: " Through Precision Engineering" },
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/modern-architecture-building-blue-skies_1127-2956.jpg",
-          alt: "Crafting Strength",
-        },
-        {
-          type: "text",
-          content: " Through Precision Engineering",
-        },
       ]}
     />
   </div>
@@ -158,48 +74,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "Standard Paver Block", price: "Request Quote", variant: "Gray Standard", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12591.jpg" },
-          id: "p1",
+        { id: "p2", name: "Checkered Industrial Tile", price: "Request Quote", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/black-white-plate-geometric-pattern-floor-minimalist-design_169016-25290.jpg" },
-          name: "Standard Paver Block",
+        { id: "p3", name: "Driveway Rectangle Block", price: "Request Quote", variant: "Heavy Duty", imageSrc: "http://img.b2bpic.net/free-photo/textured-background_53876-32429.jpg" },
-          price: "Request Quote",
+        { id: "p4", name: "Interlocking Landscape Block", price: "Request Quote", variant: "Architecture", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15576.jpg" },
-          variant: "Gray Standard",
+        { id: "p5", name: "Large Cement Floor Tile", price: "Request Quote", variant: "Sleek Finish", imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-surface-close-up_23-2148846140.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12591.jpg",
+        { id: "p6", name: "Decorative Exterior Stone", price: "Request Quote", variant: "Aesthetic", imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg" },
-        },
-        {
-          id: "p2",
-          name: "Checkered Industrial Tile",
-          price: "Request Quote",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-white-plate-geometric-pattern-floor-minimalist-design_169016-25290.jpg",
-        },
-        {
-          id: "p3",
-          name: "Driveway Rectangle Block",
-          price: "Request Quote",
-          variant: "Heavy Duty",
-          imageSrc: "http://img.b2bpic.net/free-photo/textured-background_53876-32429.jpg",
-        },
-        {
-          id: "p4",
-          name: "Interlocking Landscape Block",
-          price: "Request Quote",
-          variant: "Architecture",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15576.jpg",
-        },
-        {
-          id: "p5",
-          name: "Large Cement Floor Tile",
-          price: "Request Quote",
-          variant: "Sleek Finish",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-surface-close-up_23-2148846140.jpg",
-        },
-        {
-          id: "p6",
-          name: "Decorative Exterior Stone",
-          price: "Request Quote",
-          variant: "Aesthetic",
-          imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg",
-        },
       ]}
       title="Our Product Range"
       description="Explore our wide catalog of concrete paving solutions."
@@ -211,21 +91,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "Are your tiles weather resistant?", content: "Yes, our concrete products are designed for harsh outdoor conditions." },
-          id: "f1",
+        { id: "f2", title: "Do you offer bulk delivery?", content: "We offer streamlined logistics for all project sizes." },
-          title: "Are your tiles weather resistant?",
+        { id: "f3", title: "Can you provide custom designs?", content: "Yes, we work with architects to create custom patterns." },
-          content: "Yes, our concrete products are designed for harsh outdoor conditions.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer bulk delivery?",
-          content: "We offer streamlined logistics for all project sizes.",
-        },
-        {
-          id: "f3",
-          title: "Can you provide custom designs?",
-          content: "Yes, we work with architects to create custom patterns.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Have questions? We have the answers."
@@ -236,12 +104,10 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "animated-grid" }}
-        variant: "animated-grid",
-      }}
       tag="Contact Us"
       title="Get in Touch Today"
-      description="Connect with our team for your next big project. Reliable service, quality materials."
+      description="Have an inquiry or need a quote? Reach out to our location in the Industrial Zone, Sector 4, or fill out the form below."
       imageSrc="http://img.b2bpic.net/free-photo/smiling-teens-table_23-2147678822.jpg"
       mediaAnimation="slide-up"
     />
@@ -251,9 +117,14 @@ export default function LandingPage() {
       <FooterCard
       logoText="SS Paverblock Industry"
       copyrightText="© 2025 SS Paverblock & Chequred Tiles Industry. All rights reserved."
+      socialLinks={[
+        { icon: Mail, href: "mailto:info@sspaver.com", ariaLabel: "Email Us" },
+        { icon: Phone, href: "tel:+1234567890", ariaLabel: "Call Us" },
+        { icon: MapPin, href: "#", ariaLabel: "Find Us" }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}