Merge version_1 into main #2
315
src/app/page.tsx
315
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Wrench, Search, ShieldCheck, Clock } from 'lucide-react';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
@@ -26,223 +27,117 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="All American Team Inc"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="All American Team Inc"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="24/7 Emergency Plumbing in Temecula You Can Trust"
|
||||
description="Fast, honest, and affordable plumbing services — available anytime for Riverside County residents."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now (888) 477-2877",
|
||||
href: "tel:8884772877",
|
||||
},
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg?_wi=1"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-opening-faucet-looking-jet-water_259150-59268.jpg",
|
||||
alt: "Man opening faucet looking at jet of water",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-inspection-man-overalls-with-badge-reclining-floor-with-tools_259150-58264.jpg",
|
||||
alt: "Plumbing inspection Man in overalls with badge reclining on floor with tools",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-confident-pensive-businessman-working-standing-table-drawing-sketch-white-modern-office-interior_176420-6538.jpg",
|
||||
alt: "Young handsome confident pensive businessman working standing at table drawing sketch",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg",
|
||||
alt: "Sanitary technician working with wrench on kitchen",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746289.jpg",
|
||||
alt: "Side view man working as plumber",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="24/7 Emergency Plumbing in Temecula You Can Trust"
|
||||
description="Fast, honest, and affordable plumbing services — available anytime for Riverside County residents."
|
||||
buttons={[
|
||||
{ text: "Call Now (888) 477-2877", href: "tel:8884772877" },
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-opening-faucet-looking-jet-water_259150-59268.jpg", alt: "Man opening faucet looking at jet of water" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/plumbing-inspection-man-overalls-with-badge-reclining-floor-with-tools_259150-58264.jpg", alt: "Plumbing inspection Man in overalls with badge reclining on floor with tools" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-confident-pensive-businessman-working-standing-table-drawing-sketch-white-modern-office-interior_176420-6538.jpg", alt: "Young handsome confident pensive businessman working standing at table drawing sketch" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg", alt: "Sanitary technician working with wrench on kitchen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746289.jpg", alt: "Side view man working as plumber" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Drain Cleaning",
|
||||
author: "All American Team",
|
||||
description: "Fast and thorough clearing of clogged drains.",
|
||||
tags: [
|
||||
"Emergency",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/plumbing-icons-composition-flat_98292-1526.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Leak Detection",
|
||||
author: "All American Team",
|
||||
description: "Advanced diagnostic tools to find hidden leaks.",
|
||||
tags: [
|
||||
"Diagnosis",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-plumber-line-icon-pack-vector-icons-illustration_1142-19381.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sewer Repair",
|
||||
author: "All American Team",
|
||||
description: "Professional sewer line cleaning and restoration.",
|
||||
tags: [
|
||||
"Infrastructure",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-plumber-solid-glyph-icon-pack-like-plumber-industrial-plumbing-drain-sink_1142-19315.jpg",
|
||||
},
|
||||
]}
|
||||
title="Professional Plumbing Services"
|
||||
description="Comprehensive plumbing and repair solutions for your home or business in Temecula."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", title: "Drain Cleaning", author: "All American Team", description: "Fast and thorough clearing of clogged drains.", tags: ["Emergency"], imageSrc: "http://img.b2bpic.net/free-vector/plumbing-icons-composition-flat_98292-1526.jpg" },
|
||||
{ id: "2", title: "Leak Detection", author: "All American Team", description: "Advanced diagnostic tools to find hidden leaks.", tags: ["Diagnosis"], imageSrc: "http://img.b2bpic.net/free-vector/25-plumber-line-icon-pack-vector-icons-illustration_1142-19381.jpg" },
|
||||
{ id: "3", title: "Sewer Repair", author: "All American Team", description: "Professional sewer line cleaning and restoration.", tags: ["Infrastructure"], imageSrc: "http://img.b2bpic.net/free-vector/20-plumber-solid-glyph-icon-pack-like-plumber-industrial-plumbing-drain-sink_1142-19315.jpg" },
|
||||
]}
|
||||
title="Professional Plumbing Services"
|
||||
description="Comprehensive plumbing and repair solutions for your home or business in Temecula."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Temecula Trusts Us"
|
||||
metrics={[
|
||||
{
|
||||
label: "Service",
|
||||
value: "24/7 Emergency",
|
||||
},
|
||||
{
|
||||
label: "Satisfaction",
|
||||
value: "5.0 Rating",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
value: "Honest & Fair",
|
||||
},
|
||||
{
|
||||
label: "Response",
|
||||
value: "Same-Day",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Temecula Trusts Us"
|
||||
metrics={[
|
||||
{ icon: Clock, label: "Service", value: "24/7 Emergency" },
|
||||
{ icon: ShieldCheck, label: "Satisfaction", value: "5.0 Rating" },
|
||||
{ icon: Wrench, label: "Pricing", value: "Honest & Fair" },
|
||||
{ icon: Search, label: "Response", value: "Same-Day" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={true}
|
||||
title="Your Trusted Local Experts"
|
||||
tag="About All American Team Inc"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Licensed Professionals",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-plumbing-company-logo_742173-6834.jpg",
|
||||
imageAlt: "Hand drawn plumbing company logo",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sewer Specialists",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg?_wi=2",
|
||||
imageAlt: "Hand drawn plumbing company logo",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Tiling & Finishing",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/plumbing-icons-composition-flat_98292-1526.jpg?_wi=2",
|
||||
imageAlt: "Hand drawn plumbing company logo",
|
||||
},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={true}
|
||||
title="Your Trusted Local Experts"
|
||||
tag="About All American Team Inc"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{ id: "t1", name: "Licensed Professionals", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-plumbing-company-logo_742173-6834.jpg", imageAlt: "Hand drawn plumbing company logo" },
|
||||
{ id: "t2", name: "Sewer Specialists", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg", imageAlt: "Hand drawn plumbing company logo" },
|
||||
{ id: "t3", name: "Tiling & Finishing", imageSrc: "http://img.b2bpic.net/free-vector/plumbing-icons-composition-flat_98292-1526.jpg", imageAlt: "Hand drawn plumbing company logo" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Honest, knowledgeable, and communicative — highly recommend! They came same day and fixed the issue fast, plus they did the drywall work afterwards."
|
||||
rating={5}
|
||||
author="Sarah & Mike T., Temecula"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-couple-kitchen_23-2148115530.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-young-charming-woman-sitting-cafe_197531-33579.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-white-shirt-looks-camera-holds-smartphone-sitting-table-with-coffee_197531-33244.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Honest, knowledgeable, and communicative — highly recommend! They came same day and fixed the issue fast, plus they did the drywall work afterwards."
|
||||
rating={5}
|
||||
author="Sarah & Mike T., Temecula"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-couple-kitchen_23-2148115530.jpg", alt: "Happy client portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg", alt: "Happy client portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-young-charming-woman-sitting-cafe_197531-33579.jpg", alt: "Happy client portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-white-shirt-looks-camera-holds-smartphone-sitting-table-with-coffee_197531-33244.jpg", alt: "Happy client portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg", alt: "Happy client portrait" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Need a plumber right now? We’re available 24/7. Call us or use the form below."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (888) 477-2877",
|
||||
href: "tel:8884772877",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Need a plumber right now? We’re available 24/7. Call us or use the form below."
|
||||
buttons={[
|
||||
{ text: "Call Now: (888) 477-2877", href: "tel:8884772877" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="All American Team Inc"
|
||||
copyrightText="© 2025 All American Team Inc. 43298 Calle Mataro, Temecula, CA 92592"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="All American Team Inc"
|
||||
copyrightText="© 2025 All American Team Inc. 43298 Calle Mataro, Temecula, CA 92592"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user