From 449cbacb20227e3803b47a09494f822c79562075 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 06:06:26 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 599 ++++-------------------------------------------
 1 file changed, 46 insertions(+), 553 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 49a466a..563f4ed 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,19 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Award, Calendar, CheckCircle, Clock, DollarSign, Headphones, Shield, Star, Users } from "lucide-react";
+import { Mail, Phone, MapPin } from "lucide-react";
 
-export default function LandingPage() {
+export default function ContactUsPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
@@ -29,551 +21,52 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKyZVSgDvkd9CXgPJDS2SSREWe/uploaded-1778047235834-yyo91ipw.png"
-      brandName="Nikansh Solution"
-      button={{
-        text: "Call Now",
-        href: "tel:09879861516",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKyZVSgDvkd9CXgPJDS2SSREWe/uploaded-1778047235834-yyo91ipw.png"
+            brandName="Nikansh Solution"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      title="Your Trusted Roofing Partner in Surat"
-      description="Exterior | Interior | Ceilings. Premium quality roofing solutions at the most competitive prices."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-rooftops-city-buildings-with-red-shingles_181624-12846.jpg",
-          imageAlt: "luxury house exterior roofing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-town-houses-texture_158595-5817.jpg",
-          imageAlt: "aerial view modern house roof",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/light-line-open-drawers-blue-fronts_169016-68939.jpg",
-          imageAlt: "interior ceiling design modern",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
-          imageAlt: "roof installation work",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg",
-          imageAlt: "completed roof installation house",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/tall-skyscraper-with-metal-construction_23-2147764381.jpg",
-          imageAlt: "commercial roofing project large",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg",
-          imageAlt: "luxury house exterior roofing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-beautiful-grad-sneznik-white-castle-slovenia_181624-24359.jpg",
-          imageAlt: "aerial view modern house roof",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/pendant-light-japandi-bed-scene-calm-bedroom_169016-71101.jpg",
-          imageAlt: "interior ceiling design modern",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg",
-          imageAlt: "roof installation work",
-        },
-      ]}
-      tag="Surat's Trusted Roofing Contractor"
-      buttons={[
-        {
-          text: "Get Free Consultation",
-          href: "#contact",
-        },
-        {
-          text: "View Our Products",
-          href: "#products",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-8975.jpg",
-          alt: "tile on the roof of house or home textures",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg",
-          alt: "Photo of wood texture pattern",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/view-stone-building-with-large-windows_23-2148252828.jpg",
-          alt: "View of stone building with large windows",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-stone-building-design_23-2148252752.jpg",
-          alt: "Close-up stone building design",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg",
-          alt: "Low angle modern house roof",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg",
-          alt: "Long shot roofer working with helmet",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg",
-          alt: "Storage house with a cloudy blue sky in the background",
-        },
-        {
-          type: "text",
-          text: "Surat's Finest",
-        },
-        {
-          type: "text",
-          text: "Quality Assured",
-        },
-        {
-          type: "text",
-          text: "100% Satisfaction",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact-details" className="py-20">
+          <div className="max-w-4xl mx-auto px-6 grid md:grid-cols-3 gap-8">
+            <div className="flex flex-col items-center text-center p-6 border rounded-lg">
+              <Phone className="w-10 h-10 mb-4 text-primary" />
+              <h3 className="text-xl font-bold mb-2">Phone</h3>
+              <a href="tel:09879861516" className="text-lg">098798 61516</a>
+            </div>
+            <div className="flex flex-col items-center text-center p-6 border rounded-lg">
+              <Mail className="w-10 h-10 mb-4 text-primary" />
+              <h3 className="text-xl font-bold mb-2">Email</h3>
+              <a href="mailto:nikanshsolution@gmail.com" className="text-lg">nikanshsolution@gmail.com</a>
+            </div>
+            <div className="flex flex-col items-center text-center p-6 border rounded-lg">
+              <MapPin className="w-10 h-10 mb-4 text-primary" />
+              <h3 className="text-xl font-bold mb-2">Location</h3>
+              <p className="text-lg">Surat, Gujarat</p>
+            </div>
+          </div>
+        </div>
 
-  <div id="stats" data-section="stats">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          title: "Projects Completed",
-          description: "Successfully finished roofing jobs",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          value: "5+",
-          title: "Years Experience",
-          description: "Years of industrial expertise",
-          icon: Clock,
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Customer Satisfaction",
-          description: "Dedicated to quality service",
-          icon: CheckCircle,
-        },
-        {
-          id: "m4",
-          value: "5.0",
-          title: "Google Rating",
-          description: "Highly trusted by our clients",
-          icon: Star,
-        },
-      ]}
-      title="Our Achievements"
-      description="Excellence delivered in every single project."
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="Who We Are"
-      description={[
-        "Welcome to Nikansh Solution — your trusted roofing contractor in Surat, Gujarat. We specialize in Exterior, Interior, and Ceiling solutions, offering premium quality roofing products including Stone Coated Roofing Tiles, Heat Out Panels, Soffit Panels, and Roofing Shingles.",
-        "Our mission is to deliver the best roofing solutions at the most competitive prices with professional workmanship and 100% customer satisfaction.",
-      ]}
-    />
-  </div>
-
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Stone Coated Roofing Tiles",
-          price: "Enquire",
-          imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2593.jpg",
-        },
-        {
-          id: "p2",
-          name: "Heat Out Panel",
-          price: "Enquire",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-30003.jpg",
-        },
-        {
-          id: "p3",
-          name: "Soffit Panel",
-          price: "Enquire",
-          imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern-background_74190-4514.jpg",
-        },
-        {
-          id: "p4",
-          name: "Roofing Shingles",
-          price: "Enquire",
-          imageSrc: "http://img.b2bpic.net/free-photo/geometrically-patterned-fabric_53876-88966.jpg",
-        },
-        {
-          id: "p5",
-          name: "Polycarbonate Sheets",
-          price: "Enquire",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
-        },
-        {
-          id: "p6",
-          name: "Ceiling Grid Systems",
-          price: "Enquire",
-          imageSrc: "http://img.b2bpic.net/free-photo/ceiling-lamp-bulb-decorative-hanging-interior_53876-31080.jpg",
-        },
-      ]}
-      title="Our Products"
-      description="Premium Roofing Solutions for Every Need"
-    />
-  </div>
-
-  <div id="services" data-section="services">
-      <FeatureCardTwentyOne
-      useInvertedBackground={true}
-      title="Our Services"
-      description="Professional roofing and ceiling solutions tailored for your property."
-      accordionItems={[
-        {
-          id: "s1",
-          title: "Exterior Roofing Solutions",
-          content: "Complete exterior protection with high-quality materials.",
-        },
-        {
-          id: "s2",
-          title: "Interior Ceiling Solutions",
-          content: "Modern and aesthetic interior ceiling designs.",
-        },
-        {
-          id: "s3",
-          title: "Roof Installation",
-          content: "Precision installation by skilled experts.",
-        },
-        {
-          id: "s4",
-          title: "Roof Repair & Maintenance",
-          content: "Quick and reliable repair services.",
-        },
-        {
-          id: "s5",
-          title: "Waterproofing Solutions",
-          content: "Leak-proof protection for your home.",
-        },
-        {
-          id: "s6",
-          title: "Heat Insulation Panels",
-          content: "Stay cool with our advanced thermal panels.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="gallery" data-section="gallery">
-      <BlogCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Work"
-      description="Real Projects. Real Quality."
-      blogs={[
-        {
-          id: "g1",
-          category: "Exterior",
-          title: "Modern Roofing Project",
-          excerpt: "Finished residential stone coated roof installation.",
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-modern-residential-complex-with-central-green-park_23-2151963064.jpg",
-          authorName: "Team Nikansh",
-          authorAvatar: "http://img.b2bpic.net/free-photo/people-working-construction-site_23-2151889144.jpg",
-          date: "Jan 2025",
-        },
-        {
-          id: "g2",
-          category: "Interior",
-          title: "Ceiling Design",
-          excerpt: "Elegant modern ceiling finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lamp-design_23-2151047505.jpg",
-          authorName: "Team Nikansh",
-          authorAvatar: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
-          date: "Jan 2025",
-        },
-        {
-          id: "g3",
-          category: "Exterior",
-          title: "Installation Work",
-          excerpt: "Skilled labor in action.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg",
-          authorName: "Team Nikansh",
-          authorAvatar: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg",
-          date: "Jan 2025",
-        },
-        {
-          id: "g4",
-          category: "Exterior",
-          title: "Complete Build",
-          excerpt: "Full exterior roofing solution.",
-          imageSrc: "http://img.b2bpic.net/free-photo/rows-seats_1398-4403.jpg",
-          authorName: "Team Nikansh",
-          authorAvatar: "http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-discuss-plan-looking-blueprint_554837-412.jpg",
-          date: "Jan 2025",
-        },
-        {
-          id: "g5",
-          category: "Exterior",
-          title: "Trim Details",
-          excerpt: "Soffit and eave installation.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg",
-          authorName: "Team Nikansh",
-          authorAvatar: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530697.jpg",
-          date: "Jan 2025",
-        },
-        {
-          id: "g6",
-          category: "Commercial",
-          title: "Large Scale Job",
-          excerpt: "Commercial roof installation.",
-          imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-holding-tablet-check-solar-roof_609648-2159.jpg",
-          authorName: "Team Nikansh",
-          authorAvatar: "http://img.b2bpic.net/free-photo/group-architect-discussing-layout-plan-blueprint-office_23-2147842995.jpg",
-          date: "Jan 2025",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="why-us" data-section="why-us">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "w1",
-          value: "Best",
-          title: "Prices",
-          description: "Affordable without compromise.",
-          icon: DollarSign,
-        },
-        {
-          id: "w2",
-          value: "Expert",
-          title: "Team",
-          description: "Years of proven experience.",
-          icon: Users,
-        },
-        {
-          id: "w3",
-          value: "Top",
-          title: "Materials",
-          description: "High-quality products.",
-          icon: Shield,
-        },
-        {
-          id: "w4",
-          value: "On-Time",
-          title: "Delivery",
-          description: "Timely completion assured.",
-          icon: Calendar,
-        },
-        {
-          id: "w5",
-          value: "5.0",
-          title: "5-Star Rated",
-          description: "Loved by Surat clients.",
-          icon: Star,
-        },
-        {
-          id: "w6",
-          value: "Full",
-          title: "Support",
-          description: "End-to-end guidance.",
-          icon: Headphones,
-        },
-      ]}
-      title="Why Choose Nikansh Solution?"
-      description="We stand by quality and customer trust."
-    />
-  </div>
-
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Nikunj Jikadra",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-carpenter-man-sitting-smiling_23-2148748790.jpg",
-        },
-        {
-          id: "t2",
-          name: "JdTalk",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-wearing-apron-attractive-caucasian-male-barista-cafe-restaurant-owner-cross-arms-smile-with-confident-warm-welcome-his-successful-business-place_609648-2444.jpg",
-        },
-        {
-          id: "t3",
-          name: "Rajesh Mehta",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-new-apartment-with-digital-tablet_329181-143.jpg",
-        },
-        {
-          id: "t4",
-          name: "Amit Shah",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sunita Desai",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-elderly-woman-holding-mobile-standing-front-shelf_23-2147901275.jpg",
-        },
-      ]}
-      cardTitle="What Our Customers Say"
-      cardTag="5.0 ⭐ Verified"
-      cardAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Get In Touch"
-      description="We are here to help. Contact us today for a free consultation at our Surat office."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Your Phone",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Service Required & Message",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/pretty-businesswoman-leaving-work_23-2147605036.jpg"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKyZVSgDvkd9CXgPJDS2SSREWe/uploaded-1778047235834-yyo91ipw.png"
-      logoText="Nikansh Solution"
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Products",
-          items: [
-            {
-              label: "Stone Tiles",
-              href: "#products",
-            },
-            {
-              label: "Heat Panels",
-              href: "#products",
-            },
-            {
-              label: "Shingles",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Contact Info",
-          items: [
-            {
-              label: "098798 61516",
-              href: "tel:09879861516",
-            },
-            {
-              label: "nikanshsolution@gmail.com",
-              href: "mailto:nikanshsolution@gmail.com",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Nikansh Solution. All Rights Reserved."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Get Free Consultation"
+            description="Reach out to us for professional roofing and ceiling solutions in Surat."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+            ]}
+            textarea={{
+              name: "message",              placeholder: "Describe your roofing or interior requirement",              rows: 4,
+              required: true
+            }}
+            imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-rooftops-city-buildings-with-red-shingles_181624-12846.jpg"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1