Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
192
src/app/page.tsx
192
src/app/page.tsx
@@ -29,32 +29,19 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="All About Plumbing"
|
||||
button={{ text: "Emergency Help", href: "tel:5555555555" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Chicago's Most Trusted Plumbers"
|
||||
description="Ray and the team show up fast, fix it right, and only recommend what you actually need. 24/7 service since 1995."
|
||||
tag="Available 24/7"
|
||||
@@ -62,54 +49,19 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
tagIcon={Clock}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-smiling_23-2148454539.jpg",
|
||||
alt: "Customer Sergio",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg",
|
||||
alt: "Customer Ramesh",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
alt: "Customer Bonnie",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office-use-phone_1157-33708.jpg",
|
||||
alt: "Customer Jordan",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
|
||||
alt: "Customer Matthew",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-smiling_23-2148454539.jpg", alt: "Customer Sergio" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg", alt: "Customer Ramesh" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg", alt: "Customer Bonnie" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office-use-phone_1157-33708.jpg", alt: "Customer Jordan" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg", alt: "Customer Matthew" },
|
||||
]}
|
||||
avatarText="Trusted by over 1,500 Chicago homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Emergency Support",
|
||||
icon: Phone,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Owned & Operated",
|
||||
icon: Home,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "30 Years Experience",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Transparent Pricing",
|
||||
icon: DollarSign,
|
||||
},
|
||||
{ type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "24/7 Emergency Support", icon: Phone },
|
||||
{ type: "text-icon", text: "Family Owned & Operated", icon: Home },
|
||||
{ type: "text-icon", text: "30 Years Experience", icon: Award },
|
||||
{ type: "text-icon", text: "Transparent Pricing", icon: DollarSign },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,31 +72,11 @@ export default function LandingPage() {
|
||||
title="Full-Service Plumbing"
|
||||
description="From midnight emergencies to new installs, we handle it all with integrity."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Emergency Service",
|
||||
content: "24/7 response for floods, bursts, and critical leaks.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Drain Cleaning",
|
||||
content: "Clearing blocks in bathrooms, kitchens, and basements.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Water Heaters",
|
||||
content: "Quality replacements and reliable repairs.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Pipe Repair",
|
||||
content: "Cracked, frozen, or corroded pipe specialists.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Sump Pumps",
|
||||
content: "Basement protection against Chicago flooding.",
|
||||
},
|
||||
{ id: "1", title: "Emergency Service", content: "24/7 response for floods, bursts, and critical leaks." },
|
||||
{ id: "2", title: "Drain Cleaning", content: "Clearing blocks in bathrooms, kitchens, and basements." },
|
||||
{ id: "3", title: "Water Heaters", content: "Quality replacements and reliable repairs." },
|
||||
{ id: "4", title: "Pipe Repair", content: "Cracked, frozen, or corroded pipe specialists." },
|
||||
{ id: "5", title: "Sump Pumps", content: "Basement protection against Chicago flooding." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -156,12 +88,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="About All About Plumbing"
|
||||
title="Ray Doesn't Just Fix Plumbing, He Looks Out For You."
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Read Our Story", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -171,41 +98,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sergio Barrios",
|
||||
role: "Homeowner",
|
||||
testimonial: "Ray got back to me very quickly. He arrived promptly and fixed the issue in 20 minutes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-smiling_23-2148454539.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ramesh Mehta",
|
||||
role: "Homeowner",
|
||||
testimonial: "Ray is honest, skilled, polite, and very cost-effective.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Bonnie Ketter",
|
||||
role: "Homeowner",
|
||||
testimonial: "He didn't want me to pay for costly repairs if not necessary. Rare honesty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jordan Pfeifer",
|
||||
role: "Homeowner",
|
||||
testimonial: "A house full of guests and a broken main line — he saved us on a Saturday night.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office-use-phone_1157-33708.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Matthew Luczak",
|
||||
role: "Homeowner",
|
||||
testimonial: "Professional, fairly priced, and exceptionally skilled plumber.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sergio Barrios", role: "Homeowner", testimonial: "Ray got back to me very quickly. He arrived promptly and fixed the issue in 20 minutes.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-smiling_23-2148454539.jpg" },
|
||||
{ id: "2", name: "Ramesh Mehta", role: "Homeowner", testimonial: "Ray is honest, skilled, polite, and very cost-effective.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg" },
|
||||
{ id: "3", name: "Bonnie Ketter", role: "Homeowner", testimonial: "He didn't want me to pay for costly repairs if not necessary. Rare honesty.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
|
||||
{ id: "4", name: "Jordan Pfeifer", role: "Homeowner", testimonial: "A house full of guests and a broken main line — he saved us on a Saturday night.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office-use-phone_1157-33708.jpg" },
|
||||
{ id: "5", name: "Matthew Luczak", role: "Homeowner", testimonial: "Professional, fairly priced, and exceptionally skilled plumber.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg" },
|
||||
]}
|
||||
title="5-Star Trusted Service"
|
||||
description="Don't just take our word for it — hear from your neighbors."
|
||||
@@ -215,9 +112,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Need Help?"
|
||||
title="Plumbing Emergency Right Now?"
|
||||
description="Don't wait. Call us or drop a request and we'll be there fast."
|
||||
@@ -230,33 +125,16 @@ export default function LandingPage() {
|
||||
logoText="All About Plumbing, Inc."
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Ray",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Ray", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Emergency Line",
|
||||
href: "tel:5555555555",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Emergency Line", href: "tel:5555555555" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user