Update src/app/page.tsx
This commit is contained in:
318
src/app/page.tsx
318
src/app/page.tsx
@@ -4,14 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { CheckCircle, Shield, Star } from "lucide-react";
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { CheckCircle, Shield, Star, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,227 +27,104 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Salty Dog Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Salty Dog Plumbing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Reliable Plumbing Services in Austin"
|
||||
description="Professional plumbing solutions for your home. From water heater installations to sewer repairs, Salty Dog Plumbing delivers efficient and quality work."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg",
|
||||
imageAlt: "Plumber professional service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg",
|
||||
imageAlt: "Plumbing tools and equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-builder-wearing-uniform-safety-helmet-showing-peace-gesture-white_141793-74573.jpg",
|
||||
imageAlt: "Professional plumbing service",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
title="Salty Dog Plumbing: Austin's Reliable Choice"
|
||||
description="Top-tier residential plumbing services. From routine maintenance to emergency repairs, we prioritize your peace of mind."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Kelli Kennedy", handle: "@kelli_k", testimonial: "Chris was so helpful. He stuck to his quote even when encountering issues. Highly recommend!", rating: 5
|
||||
}
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Local Expertise You Can Trust"
|
||||
description="At Salty Dog Plumbing, we pride ourselves on exceptional customer care and dependable service. Whether it's a minor repair or a complex installation, our goal is to get the job done right, every time."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Local Plumbing Experts"
|
||||
description="Salty Dog Plumbing combines years of experience with unmatched customer service. We treat every home like our own, ensuring quality, reliability, and lasting solutions."
|
||||
metrics={[
|
||||
{ value: "500+", title: "Successful Jobs" },
|
||||
{ value: "4.8", title: "Star Rating" }
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Pipe Repairs",
|
||||
description: "Quick and reliable solutions for leaking or damaged pipes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721568.jpg",
|
||||
},
|
||||
{
|
||||
title: "Water Heaters",
|
||||
description: "Installation and maintenance of all types of water heaters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sewer Maintenance",
|
||||
description: "Expert sewer line repair and maintenance services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We handle all your residential plumbing needs with precision and care."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
title="Our Plumbing Services"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Pipe Repairs", description: "Fast, leak-free pipe maintenance and replacement.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721568.jpg" },
|
||||
{ title: "Water Heater Systems", description: "Installation and servicing of energy-efficient heaters.", imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg" },
|
||||
{ title: "Sewer Line Maintenance", description: "Professional inspections and clearing for your sewer systems.", imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Jobs Done Right",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Average Rating",
|
||||
value: "4.8",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Shield,
|
||||
title: "Happy Clients",
|
||||
value: "19+",
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Quality service backed by our experience and happy customers."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Customer Praise"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Kelli Kennedy", date: "2024-05-12", title: "Professional & Honest", quote: "Amazing service! The team was on time and very transparent about pricing. A 5-star experience!", tag: "Verified Client", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Chris was so helpful. He stuck to his quote even when encountering issues with the job. Highly recommend Salty Dog for any plumbing related needs!"
|
||||
rating={5}
|
||||
author="Kelli Kennedy"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3984.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-headphones_23-2149894873.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15627.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-juggle-with-oranges-woman-while-preparing-tasty-nutritious-smoothie-healthy-carefree-cheerful-lifestyle-eating-diet-preparing-breakfast-cozy-sunny-morning_482257-10603.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Questions?"
|
||||
description="Answers to common plumbing concerns."
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do I book a visit?", content: "Simply call us at our office line or click the contact link to get a quote." },
|
||||
{ id: "q2", title: "Do you offer emergency service?", content: "Yes, we prioritize emergency plumbing issues to prevent property damage." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are your quotes accurate?",
|
||||
content: "Yes, we stick to our quoted price whenever possible.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What services do you offer?",
|
||||
content: "We handle pipes, water heaters, sewer lines, and general plumbing repairs.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How quickly can you respond?",
|
||||
content: "We offer quick response times to ensure your plumbing issues are fixed promptly.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-couple-construction-worker-uniform-cap-looking-each-other-unpleased-girl-holding-pencil-clipboard-touching-head-with-pencil-concerned-guy-keeping-hand-head_141793-78872.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get in Touch"
|
||||
title="Contact Us"
|
||||
description="Schedule your plumbing repair with Salty Dog today."
|
||||
buttons={[{ text: "Call (512) 264-4922", href: "tel:5122644922" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Need Help?"
|
||||
title="Ready to get started?"
|
||||
description="Call us today to schedule your plumbing service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5122644922",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Salty Dog Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | Salty Dog Plumbing Services"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Salty Dog Plumbing"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Repairs", href: "#features" }, { label: "Heaters", href: "#features" }] },
|
||||
{ title: "About", items: [{ label: "Our Story", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Salty Dog Plumbing. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user