Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1ccb01d2c9 | |||
| 25ac7a92f7 | |||
| a7e15d0c42 |
292
src/app/page.tsx
292
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, Shield, Star, ThumbsUp } from "lucide-react";
|
||||
import { Award, Shield, Star, ThumbsUp, Phone, MapPin, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Coast to Coast Plumbing"
|
||||
/>
|
||||
@@ -63,64 +53,34 @@ export default function LandingPage() {
|
||||
description="Coast to Coast Plumbing provides 24/7 emergency service, flat rate pricing, and 17+ years of experience. Your trusted experts for all residential plumbing needs."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "They did a FANTASTIC job and I totally love my bathroom. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg",
|
||||
},
|
||||
name: "John D.", handle: "@johnd", testimonial: "They did a FANTASTIC job and I totally love my bathroom. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg"},
|
||||
{
|
||||
name: "Maria S.",
|
||||
handle: "@marias",
|
||||
testimonial: "Fantastic, reasonable, and very hard working team. They get the job done right.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg",
|
||||
},
|
||||
name: "Maria S.", handle: "@marias", testimonial: "Fantastic, reasonable, and very hard working team. They get the job done right.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg"},
|
||||
{
|
||||
name: "Robert B.",
|
||||
handle: "@robertb",
|
||||
testimonial: "Taron was professional and quickly resolved my issue. Best plumbers in LA.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
|
||||
},
|
||||
name: "Robert B.", handle: "@robertb", testimonial: "Taron was professional and quickly resolved my issue. Best plumbers in LA.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg"},
|
||||
{
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "Fastest emergency response I have ever had. Truly reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg?_wi=1",
|
||||
},
|
||||
name: "Alice M.", handle: "@alicem", testimonial: "Fastest emergency response I have ever had. Truly reliable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg?_wi=1"},
|
||||
{
|
||||
name: "Kevin L.",
|
||||
handle: "@kevinl",
|
||||
testimonial: "Transparent pricing and excellent communication. Very happy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astonished-female-male-technicians-with-widely-opened-mouth_273609-8293.jpg?_wi=1",
|
||||
},
|
||||
name: "Kevin L.", handle: "@kevinl", testimonial: "Transparent pricing and excellent communication. Very happy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astonished-female-male-technicians-with-widely-opened-mouth_273609-8293.jpg?_wi=1"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721538.jpg"
|
||||
imageAlt="professional plumber working on pipe"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg",
|
||||
alt: "Asian plumber in blue overalls clearing blockage in drain",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg", alt: "Asian plumber in blue overalls clearing blockage in drain"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-working-as-plumber_23-2151230004.jpg",
|
||||
alt: "Portrait of man working as plumber",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-working-as-plumber_23-2151230004.jpg", alt: "Portrait of man working as plumber"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg",
|
||||
alt: "A man installs a heating system in a house and checks the pipes with a wrench",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg", alt: "A man installs a heating system in a house and checks the pipes with a wrench"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg",
|
||||
alt: "Plumbing professional doing his job",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg", alt: "Plumbing professional doing his job"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg",
|
||||
alt: "Low angle man working as plumber",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg", alt: "Low angle man working as plumber"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,20 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Emergency Repairs",
|
||||
description: "Immediate response when you need it most, any time of day or night.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg",
|
||||
},
|
||||
title: "24/7 Emergency Repairs", description: "Immediate response when you need it most, any time of day or night.", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg"},
|
||||
{
|
||||
title: "Drain & Sewer Services",
|
||||
description: "Fast and effective drain unclogging and professional sewer repair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721522.jpg",
|
||||
},
|
||||
title: "Drain & Sewer Services", description: "Fast and effective drain unclogging and professional sewer repair.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721522.jpg"},
|
||||
{
|
||||
title: "Installation Experts",
|
||||
description: "Professional installation of water heaters, faucets, and garbage disposals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/household-repair-middle-aged-man-inspecting-pipe-touching-hand-sink-stylish-modern-kitchen_259150-58265.jpg",
|
||||
},
|
||||
title: "Installation Experts", description: "Professional installation of water heaters, faucets, and garbage disposals.", imageSrc: "http://img.b2bpic.net/free-photo/household-repair-middle-aged-man-inspecting-pipe-touching-hand-sink-stylish-modern-kitchen_259150-58265.jpg"},
|
||||
]}
|
||||
title="Comprehensive Plumbing Solutions"
|
||||
description="From minor leaks to major sewer repairs, we handle it all with professional precision."
|
||||
@@ -173,59 +124,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Brand",
|
||||
name: "Water Heater Installation",
|
||||
price: "Flat Rate",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-touching-vintage-machine_23-2148180331.jpg",
|
||||
},
|
||||
id: "p1", brand: "Brand", name: "Water Heater Installation", price: "Flat Rate", rating: 5,
|
||||
reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-touching-vintage-machine_23-2148180331.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Brand",
|
||||
name: "Garbage Disposal",
|
||||
price: "Flat Rate",
|
||||
rating: 5,
|
||||
reviewCount: "40+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-wet-glass-by-faucet-towel-polishing-glass_169016-69583.jpg",
|
||||
},
|
||||
id: "p2", brand: "Brand", name: "Garbage Disposal", price: "Flat Rate", rating: 5,
|
||||
reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-wet-glass-by-faucet-towel-polishing-glass_169016-69583.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Brand",
|
||||
name: "Faucet Upgrades",
|
||||
price: "Flat Rate",
|
||||
rating: 5,
|
||||
reviewCount: "30+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wrench-flexible-connector-dark-table_23-2147772298.jpg",
|
||||
},
|
||||
id: "p3", brand: "Brand", name: "Faucet Upgrades", price: "Flat Rate", rating: 5,
|
||||
reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/wrench-flexible-connector-dark-table_23-2147772298.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Brand",
|
||||
name: "Toilet Services",
|
||||
price: "Flat Rate",
|
||||
rating: 5,
|
||||
reviewCount: "20+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-with-two-bars-fine-soap-near-washbasin-hygiene-care_169016-15611.jpg",
|
||||
},
|
||||
id: "p4", brand: "Brand", name: "Toilet Services", price: "Flat Rate", rating: 5,
|
||||
reviewCount: "20+", imageSrc: "http://img.b2bpic.net/free-photo/bathroom-with-two-bars-fine-soap-near-washbasin-hygiene-care_169016-15611.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Brand",
|
||||
name: "Pipe Repair",
|
||||
price: "Flat Rate",
|
||||
rating: 5,
|
||||
reviewCount: "15+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132623.jpg",
|
||||
},
|
||||
id: "p5", brand: "Brand", name: "Pipe Repair", price: "Flat Rate", rating: 5,
|
||||
reviewCount: "15+", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132623.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Brand",
|
||||
name: "Outdoor Systems",
|
||||
price: "Flat Rate",
|
||||
rating: 5,
|
||||
reviewCount: "10+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-drinks-water-from-source-summer-city-park_1301-6707.jpg",
|
||||
},
|
||||
id: "p6", brand: "Brand", name: "Outdoor Systems", price: "Flat Rate", rating: 5,
|
||||
reviewCount: "10+", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-drinks-water-from-source-summer-city-park_1301-6707.jpg"},
|
||||
]}
|
||||
title="Our Services & Products"
|
||||
description="We specialize in high-quality installations and repairs for all home plumbing components."
|
||||
@@ -240,45 +155,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Los Angeles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-bathroom-with-toiletries_23-2148602994.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Homeowner", company: "Los Angeles", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-bathroom-with-toiletries_23-2148602994.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
role: "Homeowner",
|
||||
company: "Los Angeles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-housewife-kitchen_1098-13159.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael C.", role: "Homeowner", company: "Los Angeles", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-housewife-kitchen_1098-13159.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
company: "Los Angeles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", role: "Homeowner", company: "Los Angeles", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
company: "Los Angeles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg?_wi=2",
|
||||
},
|
||||
id: "t4", name: "David K.", role: "Homeowner", company: "Los Angeles", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg?_wi=2"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Laura M.",
|
||||
role: "Homeowner",
|
||||
company: "Los Angeles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astonished-female-male-technicians-with-widely-opened-mouth_273609-8293.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Laura M.", role: "Homeowner", company: "Los Angeles", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astonished-female-male-technicians-with-widely-opened-mouth_273609-8293.jpg?_wi=2"},
|
||||
]}
|
||||
title="Trusted by Los Angeles Homeowners"
|
||||
description="With over 110 reviews, our customers trust us for professional and reliable service."
|
||||
@@ -293,25 +183,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "17+",
|
||||
title: "Years in Business",
|
||||
description: "A decade and a half of expertise.",
|
||||
icon: Award,
|
||||
id: "m1", value: "17+", title: "Years in Business", description: "A decade and a half of expertise.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "110+",
|
||||
title: "Verified Reviews",
|
||||
description: "Highly rated by local residents.",
|
||||
icon: Star,
|
||||
id: "m2", value: "110+", title: "Verified Reviews", description: "Highly rated by local residents.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
title: "Star Rating",
|
||||
description: "Consistent quality service.",
|
||||
icon: ThumbsUp,
|
||||
id: "m3", value: "4.9", title: "Star Rating", description: "Consistent quality service.", icon: ThumbsUp,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
@@ -325,20 +203,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we provide 24/7 emergency plumbing services to address your urgent issues.",
|
||||
},
|
||||
id: "q1", title: "Do you offer emergency services?", content: "Yes, we provide 24/7 emergency plumbing services to address your urgent issues."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is your pricing transparent?",
|
||||
content: "We provide clear, flat rate pricing for all of our services, so you know exactly what to expect.",
|
||||
},
|
||||
id: "q2", title: "Is your pricing transparent?", content: "We provide clear, flat rate pricing for all of our services, so you know exactly what to expect."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve the Los Angeles area and surrounding communities.",
|
||||
},
|
||||
id: "q3", title: "What areas do you serve?", content: "We proudly serve the Los Angeles area and surrounding communities."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to commonly asked questions about our plumbing services."
|
||||
@@ -349,26 +218,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Ready to get started?"
|
||||
description="Contact us today for professional plumbing assistance. We typically reply within one day."
|
||||
title="Need Professional Plumbing?"
|
||||
description="Our licensed team is available 24/7. Whether it's an emergency or a scheduled installation, we're here to help. Serving all LA neighborhoods."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your plumbing issue...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Describe your plumbing needs or address...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumber-holding-clock_1368-757.jpg"
|
||||
@@ -380,42 +241,33 @@ export default function LandingPage() {
|
||||
logoText="Coast to Coast Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Repair",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Emergency Repair (24/7)", href: "#features"},
|
||||
{
|
||||
label: "Installation",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Drain & Sewer Cleaning", href: "#features"},
|
||||
{
|
||||
label: "Water Heater Installation", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Quick Info", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Licensed & Insured", href: "#about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "17 Years Experience", href: "#about"},
|
||||
{
|
||||
label: "Flat Rate Pricing", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "(555) 123-4567", href: "tel:5551234567"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Los Angeles, CA", href: "#"},
|
||||
{
|
||||
label: "Contact Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5faff;
|
||||
--card: #f1f8ff;
|
||||
--foreground: #001122;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #f5faff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #001122;
|
||||
--accent: #a8cce8;
|
||||
--background-accent: #7ba3cf;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user