Merge version_1 into main #2
161
src/app/page.tsx
161
src/app/page.tsx
@@ -28,26 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="East Coast Plumbing"
|
||||
/>
|
||||
@@ -55,20 +40,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Reliable Plumbing & HVAC Experts You Can Trust"
|
||||
description="Serving residential and commercial clients with top-quality service and fast response times."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:3022012887",
|
||||
},
|
||||
{ text: "Get a Free Quote", href: "/contact" },
|
||||
{ text: "Call Now", href: "tel:3022012887" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990696.jpg"
|
||||
@@ -83,46 +60,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Licensed & Insured",
|
||||
description: "Fully compliant and protected.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176719.jpg",
|
||||
imageAlt: "plumbing professional badge",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-portrait-construction-engineer-holding-contract_23-2148233719.jpg",
|
||||
imageAlt: "insured contractor work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reporting-found-freon-leaks_482257-92670.jpg",
|
||||
imageAlt: "plumbing professional badge",
|
||||
title: "Licensed & Insured", description: "Fully compliant and protected.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176719.jpg", imageAlt: "plumbing professional badge" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-portrait-construction-engineer-holding-contract_23-2148233719.jpg", imageAlt: "insured contractor work" },
|
||||
},
|
||||
{
|
||||
title: "24/7 Emergency",
|
||||
description: "Rapid response when you need it most.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/super-inscription-made-tools_23-2148096406.jpg",
|
||||
imageAlt: "emergency service rapid response",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-construction_23-2149366626.jpg",
|
||||
imageAlt: "emergency call icon hvac",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23720.jpg",
|
||||
imageAlt: "plumbing professional badge",
|
||||
title: "24/7 Emergency", description: "Rapid response when you need it most.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/super-inscription-made-tools_23-2148096406.jpg", imageAlt: "emergency service rapid response" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-construction_23-2149366626.jpg", imageAlt: "emergency call icon hvac" },
|
||||
},
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Skilled professionals you can trust.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg?_wi=1",
|
||||
imageAlt: "professional hvac technicians",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/production-hard-cheese-cheese-manufacture-interior_645730-810.jpg?_wi=1",
|
||||
imageAlt: "expert service worker team",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-nuclear-industry-background-concept_645730-823.jpg?_wi=1",
|
||||
imageAlt: "plumbing professional badge",
|
||||
title: "Expert Team", description: "Skilled professionals you can trust.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg", imageAlt: "professional hvac technicians" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/production-hard-cheese-cheese-manufacture-interior_645730-810.jpg", imageAlt: "expert service worker team" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -139,16 +86,8 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
memberVariant="card"
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Johnathan Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-construction-firm-executive-business-suit-safety-vest-sitting-office_1098-17514.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-female-inspector-wearing-protective-face-mask-construction-site_637285-8182.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Johnathan Smith", imageSrc: "http://img.b2bpic.net/free-photo/asian-construction-firm-executive-business-suit-safety-vest-sitting-office_1098-17514.jpg" },
|
||||
{ id: "m2", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/view-female-inspector-wearing-protective-face-mask-construction-site_637285-8182.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,27 +100,8 @@ export default function LandingPage() {
|
||||
title="Simple Pricing"
|
||||
description="Transparent plans for your comfort."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Value",
|
||||
price: "$99",
|
||||
subtitle: "Basic maintenance check",
|
||||
features: [
|
||||
"System check",
|
||||
"Safety inspection",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$199",
|
||||
subtitle: "Full system tune-up",
|
||||
features: [
|
||||
"Deep cleaning",
|
||||
"Performance optimization",
|
||||
"Extended warranty",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Value", price: "$99", subtitle: "Basic maintenance check", features: ["System check", "Safety inspection"] },
|
||||
{ id: "p2", badge: "Pro", price: "$199", subtitle: "Full system tune-up", features: ["Deep cleaning", "Performance optimization", "Extended warranty"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -189,56 +109,21 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to book?"
|
||||
title="Contact our experts today"
|
||||
description="Call now to speak with a professional."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 302-201-2887",
|
||||
href: "tel:3022012887",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call 302-201-2887", href: "tel:3022012887" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-plumber-cartoon-style_23-2151134229.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-plumber-cartoon-style_23-2151134229.jpg"
|
||||
logoText="East Coast Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Plumbing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "HVAC",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Plumbing", href: "#" }, { label: "HVAC", href: "#" }, { label: "Emergency", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user