Merge version_2 into main #2
275
src/app/page.tsx
275
src/app/page.tsx
@@ -20,40 +20,22 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmall"
|
||||
background="blurBottom"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="primary-glow"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Why Us", id: "#why-us" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Process", id: "#process" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Davis & Green Services"
|
||||
/>
|
||||
@@ -62,38 +44,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Davis & Green Services"
|
||||
description="Your trusted, professional plumbing experts. We deliver premium quality service with speed, communication, and friendly staff. Available when you need us most."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
]}
|
||||
description="Premium plumbing solutions delivered with speed, communication, and friendly staff. Available when you need us most."
|
||||
buttons={[{ text: "Call Now", href: "tel:5550199" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=1",
|
||||
imageAlt: "Plumbing service hero image",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=2",
|
||||
imageAlt: "Premium plumbing quality",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=3",
|
||||
imageAlt: "Friendly professional staff",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=4",
|
||||
imageAlt: "Fast response service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=5",
|
||||
imageAlt: "Reliable plumbing solutions",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=6",
|
||||
imageAlt: "Your local plumbing experts",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=1", imageAlt: "Plumbing service hero image" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=2", imageAlt: "Premium plumbing quality" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=3", imageAlt: "Friendly professional staff" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,45 +59,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Leak Repair",
|
||||
description: "Rapid detection and professional repair for all residential leaks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721548.jpg?_wi=1",
|
||||
imageAlt: "Leak repair",
|
||||
},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Efficient cleaning for slow or blocked drains to keep systems running.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lights-city-square-floor_1359-794.jpg?_wi=1",
|
||||
imageAlt: "Drain cleaning",
|
||||
},
|
||||
{
|
||||
title: "Installation",
|
||||
description: "Expert water heater and plumbing fixture installation services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg?_wi=1",
|
||||
imageAlt: "Installation",
|
||||
},
|
||||
{
|
||||
title: "Pipe Maintenance",
|
||||
description: "Preventative maintenance to ensure your piping system remains robust.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721548.jpg?_wi=2",
|
||||
imageAlt: "Pipe maintenance",
|
||||
},
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "Round-the-clock emergency support for urgent plumbing failures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg?_wi=2",
|
||||
imageAlt: "Emergency repairs",
|
||||
},
|
||||
{
|
||||
title: "System Inspections",
|
||||
description: "Thorough diagnostic checks to identify potential future issues.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lights-city-square-floor_1359-794.jpg?_wi=2",
|
||||
imageAlt: "System inspections",
|
||||
},
|
||||
{ title: "Leak Repair", description: "Rapid detection and professional repair for all residential leaks.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721548.jpg?_wi=1" },
|
||||
{ title: "Drain Cleaning", description: "Efficient cleaning for slow or blocked drains.", imageSrc: "http://img.b2bpic.net/free-photo/lights-city-square-floor_1359-794.jpg?_wi=1" },
|
||||
{ title: "Installation", description: "Expert water heater and plumbing fixture installation.", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg?_wi=1" }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive plumbing solutions delivered with expertise and attention to detail."
|
||||
description="Comprehensive plumbing solutions delivered with attention to detail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -150,150 +73,54 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
tag="Why Choose Us"
|
||||
title="Excellence in Plumbing"
|
||||
description="Davis & Green Services is committed to professionalism. We provide clear communication, transparent fair pricing, and friendly service every time."
|
||||
description="Davis & Green Services is committed to professionalism. We provide clear communication, transparent pricing, and friendly service."
|
||||
subdescription="Our team ensures your home plumbing is handled with care and high-quality standards."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-repairman-with-protective-face-mask-texting-smart-phone-his-workshop_637285-9332.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Excellent service. Very professional and fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Business Owner",
|
||||
testimonial: "The staff was friendly and communicated well throughout.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Fair pricing and top-notch work. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Speedy, effective, and clean. Best plumbers in town.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-celebrating-birthday-together_23-2150598987.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Very professional and friendly staff. Amazing experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15602.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", testimonial: "Excellent service. Professional and fast!", imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Business Owner", testimonial: "The staff was friendly and communicated well.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg" }
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Don't just take our word for it—see what our satisfied customers say."
|
||||
description="See what our satisfied customers say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="How We Work"
|
||||
tag="Our Process"
|
||||
metrics={[
|
||||
{
|
||||
id: "step1",
|
||||
value: "1.",
|
||||
description: "Call and schedule your service appointment.",
|
||||
},
|
||||
{
|
||||
id: "step2",
|
||||
value: "2.",
|
||||
description: "Professional technician assessment.",
|
||||
},
|
||||
{
|
||||
id: "step3",
|
||||
value: "3.",
|
||||
description: "Efficient, expert repair work.",
|
||||
},
|
||||
{
|
||||
id: "step4",
|
||||
value: "4.",
|
||||
description: "Final quality assurance check.",
|
||||
},
|
||||
{
|
||||
id: "step5",
|
||||
value: "5.",
|
||||
description: "Cleanup and complete satisfaction.",
|
||||
},
|
||||
{ id: "s1", value: "01", description: "Schedule your appointment." },
|
||||
{ id: "s2", value: "02", description: "Technician assessment." },
|
||||
{ id: "s3", value: "03", description: "Expert repair work." }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="areas" data-section="areas">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Downtown Area",
|
||||
description: "Serving the heart of our vibrant city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg?_wi=3",
|
||||
imageAlt: "Downtown",
|
||||
},
|
||||
{
|
||||
title: "West Side",
|
||||
description: "Expert plumbing services for west side homes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-woodworking-shop-giving-worker-protection-gloves_482257-97946.jpg?_wi=1",
|
||||
imageAlt: "West side",
|
||||
},
|
||||
{
|
||||
title: "North Suburbs",
|
||||
description: "Quality service throughout the north suburbs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721548.jpg?_wi=3",
|
||||
imageAlt: "North suburbs",
|
||||
},
|
||||
{
|
||||
title: "East District",
|
||||
description: "Professional installations and repairs for the east.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg?_wi=4",
|
||||
imageAlt: "East district",
|
||||
},
|
||||
{
|
||||
title: "South Valley",
|
||||
description: "Providing rapid response teams to the southern valley.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg?_wi=5",
|
||||
imageAlt: "South valley",
|
||||
},
|
||||
{
|
||||
title: "Greater Metro",
|
||||
description: "Serving surrounding metro area businesses and homes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-woodworking-shop-giving-worker-protection-gloves_482257-97946.jpg?_wi=2",
|
||||
imageAlt: "Greater metro",
|
||||
},
|
||||
{ title: "Downtown Area", description: "Serving the heart of our vibrant city.", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg?_wi=3" },
|
||||
{ title: "West Side", description: "Expert plumbing services for west side homes.", imageSrc: "http://img.b2bpic.net/free-photo/master-woodworking-shop-giving-worker-protection-gloves_482257-97946.jpg?_wi=1" }
|
||||
]}
|
||||
title="Serving Our Community"
|
||||
description="We are proud to serve the local community with reliable plumbing support."
|
||||
title="Service Areas"
|
||||
description="We are proud to serve the local community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact Now"
|
||||
title="Need Help? Contact Us"
|
||||
description="Get in touch for professional plumbing assistance."
|
||||
@@ -304,44 +131,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Davis & Green"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#process",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "555-0199",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@davisgreen.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "555-0199", href: "tel:5550199" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user