Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 37c2c6addc | |||
| 9b337a58fa | |||
| 6888e923b5 | |||
| ac25a9e95a | |||
| 7b76418f05 |
328
src/app/page.tsx
328
src/app/page.tsx
@@ -2,13 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Wrench, Droplet, Phone, Star, Mail } from "lucide-react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import CardStack from '@/components/cardStack/CardStack';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -16,238 +17,117 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="floatingGradient"
|
||||
cardStyle="layered-gradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Blue Water Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Blue Water Plumbing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Blue Water Plumbing"
|
||||
description="Your trusted partner for professional plumbing, heating, and comprehensive water system solutions in Jammu & Kashmir."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721572.jpg?_wi=1",
|
||||
imageAlt: "Professional plumber at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg?_wi=1",
|
||||
imageAlt: "Plumbing repair services",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-using-tablet-computer-industrial-factory-building_342744-449.jpg?_wi=1",
|
||||
imageAlt: "Heating system inspection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334226.jpg?_wi=1",
|
||||
imageAlt: "Bathroom fixtures",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138614.jpg?_wi=1",
|
||||
imageAlt: "Water tank cleaning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antique-shower-bathtub_1203-2103.jpg?_wi=1",
|
||||
imageAlt: "Plumbing systems supply",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Blue Water Plumbing"
|
||||
description="Expert plumbing, heating, and water system solutions for residential and commercial spaces in Jammu & Kashmir."
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }, { text: "Our Services", href: "#services" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721572.jpg?_wi=1", imageAlt: "Professional plumbing service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334226.jpg?_wi=1", imageAlt: "Heating repair service" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Reliable Service,",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367536.jpg",
|
||||
alt: "Plumbing service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Professional Solutions",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Setting the Standard for " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/antique-shower-bathtub_1203-2103.jpg?_wi=1", alt: "Plumbing" },
|
||||
{ type: "text", content: " Water Systems" }
|
||||
]}
|
||||
buttons={[{ text: "Contact Our Team", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bathroom Installation",
|
||||
description: "High-quality bathtub, shower, and fixture installations by experienced technicians.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721572.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Drain & Leak Repair",
|
||||
description: "Expert drain cleaning and water leak detection services to prevent damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Water Tank Cleaning",
|
||||
description: "Specialized underground and Sintex tank cleaning to ensure pure, clean water.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-using-tablet-computer-industrial-factory-building_342744-449.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Swimming Pool Fitting",
|
||||
description: "Complete swimming pool installation and fitting tailored to your needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334226.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Heating Solutions",
|
||||
description: "Reliable heating installation and repair for comfort throughout the winter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138614.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Emergency Maintenance",
|
||||
description: "Fast response for urgent plumbing issues, keeping your home functional and safe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antique-shower-bathtub_1203-2103.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Our Plumbing Services"
|
||||
description="Comprehensive solutions for all your residential and commercial needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<CardStack
|
||||
title="Our Plumbing Services"
|
||||
description="Comprehensive water solutions delivered with expertise."
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
gridVariant="bento-grid"
|
||||
tag="Expertise"
|
||||
tagIcon={Wrench}
|
||||
>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{[
|
||||
{ title: "Bathroom Fitting", desc: "Installation and design." },
|
||||
{ title: "Drain & Leak Repair", desc: "Fast diagnosis and fix." },
|
||||
{ title: "Tank Cleaning", desc: "Professional hygiene service." },
|
||||
{ title: "Heating Systems", desc: "Warmth for cold winters." },
|
||||
{ title: "Emergency Services", desc: "Available 24/7 support." },
|
||||
{ title: "Pool Maintenance", desc: "For your private oasis." }
|
||||
].map((item, idx) => (
|
||||
<div key={idx} className="p-6 rounded-2xl bg-card border border-accent shadow-sm">
|
||||
<Droplet className="mb-4 text-primary" />
|
||||
<h3 className="text-xl font-bold mb-2">{item.title}</h3>
|
||||
<p className="text-sm opacity-80">{item.desc}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardStack>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rajesh Kumar",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-browsing-digital-tablet-office_329181-15802.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sunita Devi",
|
||||
role: "Business Owner",
|
||||
company: "Jammu Retail",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15689.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amit Sharma",
|
||||
role: "Homeowner",
|
||||
company: "Paloura Top",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Priya Singh",
|
||||
role: "Manager",
|
||||
company: "Commercial Site",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vikram Singh",
|
||||
role: "Homeowner",
|
||||
company: "Jammu",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-female-call-center-operator-headphones-sitting-desk-with-office-tools_141793-122341.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
{
|
||||
value: "19+",
|
||||
label: "Google Reviews",
|
||||
},
|
||||
{
|
||||
value: "10+ Years",
|
||||
label: "Industry Experience",
|
||||
},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Don't take our word for it—hear what our satisfied clients have to say."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="Trusted by Local Clients"
|
||||
description="Hear from the residents of Jammu & Kashmir who rely on our services."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Rajesh Kumar", role: "Homeowner", company: "Jammu Resident", rating: 5 },
|
||||
{ id: "2", name: "Sunita Devi", role: "Retail Owner", company: "Business Leader", rating: 5 }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Happy Clients" },
|
||||
{ value: "10+", label: "Years Serving" },
|
||||
{ value: "4.9/5", label: "Satisfaction" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Get a Professional Assessment"
|
||||
description="Have plumbing issues or a renovation project? Send us a message and we'll be in touch quickly."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/focused-woman-home-office-loft-talking-mobile-phone_482257-120232.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Reach Out"
|
||||
title="Professional Assessment"
|
||||
description="Get in touch for professional plumbing assistance."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/focused-woman-home-office-loft-talking-mobile-phone_482257-120232.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Blue Water Plumbing"
|
||||
copyrightText="© 2025 Blue Water Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Blue Water Plumbing"
|
||||
copyrightText="© 2025 Blue Water Plumbing & Heating. All rights reserved."
|
||||
socialLinks={[{ icon: Mail, href: "#", ariaLabel: "Email" }, { icon: Phone, href: "#", ariaLabel: "Phone" }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user