Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #1.
This commit is contained in:
206
src/app/page.tsx
206
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Demo Plumbing & Heating"
|
||||
/>
|
||||
@@ -55,62 +47,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Reliable Plumbing & Heating Experts"
|
||||
variant: "gradient-bars"}}
|
||||
title="Restore Comfort to Your Home with Expert Plumbing & Heating"
|
||||
description="Professional solutions for your home and business. Fast, friendly, and expert repairs from certified technicians."
|
||||
tag="Serving your area since 2010"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg"
|
||||
imageAlt="Plumbing service professional"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg",
|
||||
alt: "A man installs a heating system",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg", alt: "A man installs a heating system"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg",
|
||||
alt: "High angle man working as plumber",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg", alt: "High angle man working as plumber"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg",
|
||||
alt: "Plumbing professional doing his job",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg", alt: "Plumbing professional doing his job"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721526.jpg",
|
||||
alt: "Plumbing professional doing his job",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721526.jpg", alt: "Plumbing professional doing his job"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg",
|
||||
alt: "Man engaged in household tasks",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg", alt: "Man engaged in household tasks"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Availability",
|
||||
},
|
||||
type: "text", text: "24/7 Availability"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Competitive Pricing",
|
||||
},
|
||||
type: "text", text: "Competitive Pricing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
type: "text", text: "Quality Guaranteed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Response",
|
||||
},
|
||||
type: "text", text: "Fast Response"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,17 +92,11 @@ export default function LandingPage() {
|
||||
description="We ensure your home runs perfectly. With over a decade of experience, we tackle everything from emergency pipe leaks to complete heating system overhauls."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "24/7 Emergency Service",
|
||||
description: "We are available when you need us most.",
|
||||
},
|
||||
title: "24/7 Emergency Service", description: "We are available when you need us most."},
|
||||
{
|
||||
title: "Certified Technicians",
|
||||
description: "Highly trained and fully licensed professionals.",
|
||||
},
|
||||
title: "Certified Technicians", description: "Highly trained and fully licensed professionals."},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "Clear quotes with no hidden fees.",
|
||||
},
|
||||
title: "Transparent Pricing", description: "Clear quotes with no hidden fees."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-young-man-inspecting-repairing-kitchen-faucet_662251-2682.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -147,19 +110,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Leak Detection & Repair",
|
||||
description: "Advanced diagnostics to stop leaks fast.",
|
||||
icon: Shield,
|
||||
title: "Leak Detection & Repair", description: "Advanced diagnostics to stop leaks fast.", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Heating Installation",
|
||||
description: "Modern boiler and furnace solutions.",
|
||||
icon: Zap,
|
||||
title: "Heating Installation", description: "Modern boiler and furnace solutions.", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Drain & Pipe Care",
|
||||
description: "Deep cleaning and clog removals.",
|
||||
icon: CheckCircle,
|
||||
title: "Drain & Pipe Care", description: "Deep cleaning and clog removals.", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
@@ -175,25 +132,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Building trust since 2010.",
|
||||
icon: Award,
|
||||
id: "m1", value: "15+", title: "Years Experience", description: "Building trust since 2010.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2000+",
|
||||
title: "Satisfied Clients",
|
||||
description: "Homeowners who trust us.",
|
||||
icon: Star,
|
||||
id: "m2", value: "2000+", title: "Satisfied Clients", description: "Homeowners who trust us.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Service Guarantee",
|
||||
description: "We ensure the job is done right.",
|
||||
icon: ShieldCheck,
|
||||
id: "m3", value: "100%", title: "Service Guarantee", description: "We ensure the job is done right.", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Proven Track Record"
|
||||
@@ -208,45 +153,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "Excellent service and very prompt response to our furnace repair.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "Excellent service and very prompt response to our furnace repair.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Cook",
|
||||
handle: "@jcook",
|
||||
testimonial: "Fast, honest, and high quality work on our main bathroom pipe burst.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg",
|
||||
},
|
||||
id: "t2", name: "James Cook", handle: "@jcook", testimonial: "Fast, honest, and high quality work on our main bathroom pipe burst.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
handle: "@erossi",
|
||||
testimonial: "They diagnosed the leak within minutes. Super professionals.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367138.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rossi", handle: "@erossi", testimonial: "They diagnosed the leak within minutes. Super professionals.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367138.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Stevens",
|
||||
handle: "@mstevens",
|
||||
testimonial: "Affordable pricing for top-tier heating installation. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg",
|
||||
},
|
||||
id: "t4", name: "Mark Stevens", handle: "@mstevens", testimonial: "Affordable pricing for top-tier heating installation. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jenny Vo",
|
||||
handle: "@jennyvo",
|
||||
testimonial: "Great attention to detail and kept my home clean while working.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15627.jpg",
|
||||
},
|
||||
id: "t5", name: "Jenny Vo", handle: "@jennyvo", testimonial: "Great attention to detail and kept my home clean while working.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15627.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Local Families"
|
||||
@@ -260,20 +180,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we are available 24/7 for emergency plumbing and heating issues.",
|
||||
},
|
||||
id: "f1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for emergency plumbing and heating issues."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your services certified?",
|
||||
content: "Absolutely. All our technicians are fully licensed and insured.",
|
||||
},
|
||||
id: "f2", title: "Are your services certified?", content: "Absolutely. All our technicians are fully licensed and insured."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do you provide quotes?",
|
||||
content: "We offer transparent, upfront quotes after a brief initial assessment.",
|
||||
},
|
||||
id: "f3", title: "How do you provide quotes?", content: "We offer transparent, upfront quotes after a brief initial assessment."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about our service."
|
||||
@@ -285,16 +196,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's work together"
|
||||
title="Ready to get started?"
|
||||
description="Contact us today for a free consultation or emergency service call."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "tel:+1555555555",
|
||||
},
|
||||
text: "Contact Us Now", href: "tel:+1555555555"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -305,37 +213,23 @@ export default function LandingPage() {
|
||||
logoText="Demo Plumbing & Heating"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -344,4 +238,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user