Merge version_1 into main #2
202
src/app/page.tsx
202
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Why Us", id: "#why-us" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="StellaR & Co"
|
||||
/>
|
||||
@@ -52,22 +40,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
logoText="StellaR & Co Plumbing"
|
||||
description="Premium plumbing service that feels clean, fast, and completely dependable. We handle every job with precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:555-0123",
|
||||
},
|
||||
{ text: "Request Service", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:555-0123" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576409.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576409.jpg"
|
||||
imageAlt="StellaR & Co professional plumbing"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -80,72 +60,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Water Heaters",
|
||||
description: "Reliable repair and same-day replacement.",
|
||||
icon: Sparkles,
|
||||
title: "Water Heaters", description: "Reliable repair and same-day replacement.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515882.jpg?_wi=1",
|
||||
imageAlt: "Water heater",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515882.jpg?_wi=2",
|
||||
imageAlt: "Water heater",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576409.jpg?_wi=2",
|
||||
imageAlt: "luxury plumbing professional service",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515882.jpg", imageAlt: "Water heater" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515882.jpg", imageAlt: "Water heater" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Fixture Installation",
|
||||
description: "Perfectly installed toilets and fixtures.",
|
||||
icon: Sparkles,
|
||||
title: "Fixture Installation", description: "Perfectly installed toilets and fixtures.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg?_wi=1",
|
||||
imageAlt: "Fixture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg?_wi=2",
|
||||
imageAlt: "Fixture",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515882.jpg?_wi=3",
|
||||
imageAlt: "water heater replacement installation",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg", imageAlt: "Fixture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg", imageAlt: "Fixture" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Drain & Leak Repair",
|
||||
description: "Quick identification and clean resolution.",
|
||||
icon: Sparkles,
|
||||
title: "Drain & Leak Repair", description: "Quick identification and clean resolution.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17480.jpg?_wi=1",
|
||||
imageAlt: "Repair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17480.jpg?_wi=2",
|
||||
imageAlt: "Repair",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg?_wi=3",
|
||||
imageAlt: "toilet installation modern home",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17480.jpg", imageAlt: "Repair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17480.jpg", imageAlt: "Repair" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Emergency Services",
|
||||
description: "Available when you need us most.",
|
||||
icon: Sparkles,
|
||||
title: "Emergency Services", description: "Available when you need us most.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg?_wi=1",
|
||||
imageAlt: "Emergency",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg?_wi=2",
|
||||
imageAlt: "Emergency",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17480.jpg?_wi=3",
|
||||
imageAlt: "drain cleaning expert service",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg", imageAlt: "Emergency" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg", imageAlt: "Emergency" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Premium Services"
|
||||
@@ -159,10 +99,7 @@ export default function LandingPage() {
|
||||
tag="5.0 Rated Trusted Service"
|
||||
title="Why Choose StellaR & Co?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,60 +110,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Davis",
|
||||
role: "Property Manager",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Homeowner",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-showing-new-house-smiley-couple-laptop_23-2148895494.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Wilson",
|
||||
role: "Homeowner",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-laughing_23-2148275179.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Taylor",
|
||||
role: "Homeowner",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "Homeowner", company: "Local Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg" },
|
||||
{ id: "2", name: "Mark Davis", role: "Property Manager", company: "Local Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg" },
|
||||
{ id: "3", name: "Emily Chen", role: "Homeowner", company: "Local Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-showing-new-house-smiley-couple-laptop_23-2148895494.jpg" },
|
||||
{ id: "4", name: "James Wilson", role: "Homeowner", company: "Local Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-laughing_23-2148275179.jpg" },
|
||||
{ id: "5", name: "Robert Taylor", role: "Homeowner", company: "Local Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "30+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Clean Completion",
|
||||
},
|
||||
{ value: "5.0", label: "Rating" },
|
||||
{ value: "30+", label: "Happy Clients" },
|
||||
{ value: "100%", label: "Clean Completion" },
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="30+ verified reviews with a 5.0 rating."
|
||||
@@ -239,31 +132,12 @@ export default function LandingPage() {
|
||||
title="Ready for a Plumber?"
|
||||
description="Fill out the form and we'll get back to you immediately."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "address",
|
||||
type: "text",
|
||||
placeholder: "Service Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
{ name: "address", type: "text", placeholder: "Service Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "description",
|
||||
placeholder: "Description of the issue",
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576409.jpg?_wi=3"
|
||||
textarea={{ name: "description", placeholder: "Description of the issue", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576409.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user