4 Commits

Author SHA1 Message Date
829b9dc341 Merge version_3 into main
Merge version_3 into main
2026-05-06 06:11:26 +00:00
5deee3e1cf Update src/app/page.tsx 2026-05-06 06:11:23 +00:00
4ae6b66633 Merge version_2 into main
Merge version_2 into main
2026-05-06 06:06:29 +00:00
449cbacb20 Update src/app/page.tsx 2026-05-06 06:06:26 +00:00

View File

@@ -2,19 +2,10 @@
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 +20,45 @@ 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="company-info" className="py-20">
<div className="max-w-4xl mx-auto px-6 text-center mb-16">
<h2 className="text-4xl font-bold mb-4">About Nikansh Solution</h2>
<p className="text-lg text-muted-foreground">Premium roofing and interior solutions provider based in Surat, Gujarat. We specialize in high-quality stone coated tiles, heat out panels, and architectural solutions.</p>
</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 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 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 className="max-w-4xl mx-auto px-6 mt-12">
<div className="w-full h-96 bg-accent/20 rounded-xl flex items-center justify-center border">
<p className="text-muted-foreground italic">[Interactive Map Display: Surat, Gujarat]</p>
</div>
</div>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}