Update src/app/page.tsx
This commit is contained in:
270
src/app/page.tsx
270
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Larsen Plumbing"
|
||||
/>
|
||||
@@ -58,93 +43,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Reliable Plumbing & Heating Experts"
|
||||
description="Larsen Plumbing and Heating Inc. has provided top-tier residential and commercial services for decades. We treat your home with respect and provide solutions that last."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
{
|
||||
text: "Schedule Service",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:5550123" }, { text: "Schedule Service", href: "/contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coveralls-digitally-generated-car-cardboard-box-pointing_1134-941.jpg"
|
||||
imageAlt="Professional plumbing service"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg",
|
||||
alt: "communication repairing male executive abstract",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-pointing-with-arm-his-hand-side-looking-confident-smiling_141793-28612.jpg",
|
||||
alt: "Young builder man in construction uniform",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38424.jpg",
|
||||
alt: "Expressive young man posing",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg",
|
||||
alt: "Happy African American auto mechanic",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg",
|
||||
alt: "Plumbing professional doing his job",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ local families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Emergency Support",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned & Operated",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "High-Quality Parts",
|
||||
icon: Check,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Pricing",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Serving Our Local Community"
|
||||
description="At Larsen Plumbing and Heating Inc., we believe in honest service and skilled craftsmanship. Our team is local, licensed, and dedicated to solving your plumbing and HVAC needs efficiently."
|
||||
description="At Larsen Plumbing and Heating Inc., we believe in honest service and skilled craftsmanship."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed Professionals",
|
||||
description: "Expert technicians ready to serve your needs.",
|
||||
},
|
||||
{
|
||||
title: "24/7 Emergency Support",
|
||||
description: "Here when you need us, day or night.",
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden costs, just honest work.",
|
||||
},
|
||||
{ title: "Licensed Professionals", description: "Expert technicians ready to serve your needs." },
|
||||
{ title: "24/7 Emergency Support", description: "Here when you need us, day or night." },
|
||||
{ title: "Transparent Pricing", description: "No hidden costs, just honest work." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990735.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -154,180 +71,25 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Pipe Repair",
|
||||
subtitle: "Leak detection and repair.",
|
||||
category: "Plumbing",
|
||||
value: "Service",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Boiler Service",
|
||||
subtitle: "Stay warm all winter long.",
|
||||
category: "Heating",
|
||||
value: "Service",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Water Heaters",
|
||||
subtitle: "Hot water when you need it.",
|
||||
category: "Plumbing",
|
||||
value: "Service",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Drain Cleaning",
|
||||
subtitle: "Keep water flowing freely.",
|
||||
category: "Plumbing",
|
||||
value: "Service",
|
||||
},
|
||||
{ id: "1", title: "Pipe Repair", subtitle: "Leak detection and repair.", category: "Plumbing", value: "Service" },
|
||||
{ id: "2", title: "Boiler Service", subtitle: "Stay warm all winter long.", category: "Heating", value: "Service" },
|
||||
{ id: "3", title: "Water Heaters", subtitle: "Hot water when you need it.", category: "Plumbing", value: "Service" },
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="We cover everything from routine maintenance to emergency plumbing and complex heating systems."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "30+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: CheckCircle,
|
||||
title: "Projects Completed",
|
||||
value: "15k+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Users,
|
||||
title: "Satisfied Neighbors",
|
||||
value: "12k+",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="Our numbers speak for themselves."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture_1258-254022.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367130.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carol S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/5-star-customer-review_23-2151952994.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Neighbors Say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer emergency calls?",
|
||||
content: "Yes, we are available 24/7 for urgent plumbing and heating issues.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you fully licensed?",
|
||||
content: "Yes, we are fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How quickly can you come out?",
|
||||
content: "For emergencies, usually within a few hours.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Need a Reliable Plumber?"
|
||||
description="Reach out to us today to book an appointment or get an estimate for your plumbing or heating needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Larsen Plumbing & Heating Inc."
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user