Merge version_1 into main #1
215
src/app/page.tsx
215
src/app/page.tsx
@@ -31,65 +31,35 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="LocalService"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+15551234567"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Reliable Local Service When You Need It Most"
|
||||
description="Professional solutions for your home. Serving our community with integrity, quality, and fast response times. Call today for a free quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Call Now", href: "tel:+15551234567"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg",
|
||||
imageAlt: "professional local service worker",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg", imageAlt: "professional local service worker"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-making-phone-call-while-relaxing-office-repair-shop_637285-11573.jpg",
|
||||
imageAlt: "service professional with tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-making-phone-call-while-relaxing-office-repair-shop_637285-11573.jpg", imageAlt: "service professional with tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-handshake_23-2148752024.jpg",
|
||||
imageAlt: "service vehicle driveway local",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-taking-notes_23-2149546195.jpg",
|
||||
imageAlt: "Side view smiley man taking notes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-hipster-male-blue-fleece-shirt-jeans-holds-cup-morning-coffee-while-sitting-wooden-stool-studio-with-loft-interior-looking-camera_613910-6740.jpg",
|
||||
imageAlt: "Portrait of a handsome bearded hipster male in a blue fleece shirt",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-handshake_23-2148752024.jpg", imageAlt: "service vehicle driveway local"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -103,47 +73,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Routine Maintenance",
|
||||
price: "From $99",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138710.jpg",
|
||||
},
|
||||
id: "s1", name: "Routine Maintenance", price: "From $99", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138710.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Emergency Repairs",
|
||||
price: "Custom Quote",
|
||||
variant: "Urgent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593846.jpg",
|
||||
},
|
||||
id: "s2", name: "Emergency Repairs", price: "Custom Quote", variant: "Urgent", imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593846.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "System Installation",
|
||||
price: "From $499",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covered-bridge-vermont-autumn_649448-5434.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "System Audit",
|
||||
price: "From $149",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/renovation-profile-concentrated-man-touching-screwdriver-lamp-kitchen-range-hood_259150-59261.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Preventative Care",
|
||||
price: "From $199",
|
||||
variant: "Value",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-people-occupation-maintenance-service_343059-3492.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Consultation",
|
||||
price: "Free",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-families-retro-style_23-2150440138.jpg",
|
||||
},
|
||||
id: "s3", name: "System Installation", price: "From $499", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/covered-bridge-vermont-autumn_649448-5434.jpg"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive solutions tailored to your needs."
|
||||
@@ -152,24 +86,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Fast Response",
|
||||
description: "We respect your time with punctual arrival.",
|
||||
},
|
||||
title: "Fast Response", description: "We respect your time with punctual arrival."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Fully Insured",
|
||||
description: "Your peace of mind is guaranteed.",
|
||||
},
|
||||
title: "Fully Insured", description: "Your peace of mind is guaranteed."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Quality Assured",
|
||||
description: "Professional craftsmanship on every job.",
|
||||
},
|
||||
title: "Quality Assured", description: "Professional craftsmanship on every job."},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Your trusted partner for home service."
|
||||
@@ -181,14 +110,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"HomeAdvisor",
|
||||
"Angi",
|
||||
"Google Reviews",
|
||||
"Yelp",
|
||||
"Better Business Bureau",
|
||||
"Chamber of Commerce",
|
||||
"Nextdoor",
|
||||
]}
|
||||
"HomeAdvisor", "Angi", "Google Reviews", "Yelp", "Better Business Bureau"]}
|
||||
title="Trusted Locally"
|
||||
description="Proudly serving our neighbors since 2010."
|
||||
/>
|
||||
@@ -200,45 +122,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Service",
|
||||
quote: "Reliable and professional. They fixed the issue quickly.",
|
||||
name: "John D.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg",
|
||||
},
|
||||
id: "t1", title: "Great Service", quote: "Reliable and professional. They fixed the issue quickly.", name: "John D.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Very Happy",
|
||||
quote: "Best experience I've had with a local service provider.",
|
||||
name: "Sarah P.",
|
||||
role: "Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-smiling-confident-looking-side-street_839833-25647.jpg",
|
||||
},
|
||||
id: "t2", title: "Very Happy", quote: "Best experience I've had with a local service provider.", name: "Sarah P.", role: "Resident", imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-smiling-confident-looking-side-street_839833-25647.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Highly Recommend",
|
||||
quote: "Professional, clean, and knowledgeable staff.",
|
||||
name: "Michael S.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Super Efficient",
|
||||
quote: "They arrived early and finished under budget.",
|
||||
name: "Amanda K.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-brunet-darkskinned-man-color-tshirt-stylish-floral-shirt-smiling-pointing-camera-outside_197531-28854.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Excellent Quality",
|
||||
quote: "Professionalism at its finest. Will hire again.",
|
||||
name: "David W.",
|
||||
role: "Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
|
||||
},
|
||||
id: "t3", title: "Highly Recommend", quote: "Professional, clean, and knowledgeable staff.", name: "Michael S.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Hear directly from those we serve."
|
||||
@@ -251,20 +139,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer free quotes?",
|
||||
content: "Yes, we provide complimentary estimates for all new projects.",
|
||||
},
|
||||
id: "f1", title: "Do you offer free quotes?", content: "Yes, we provide complimentary estimates for all new projects."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you licensed?",
|
||||
content: "We are fully licensed and insured to protect your property.",
|
||||
},
|
||||
id: "f2", title: "Are you licensed?", content: "We are fully licensed and insured to protect your property."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is your service area?",
|
||||
content: "We proudly serve the greater metropolitan area.",
|
||||
},
|
||||
id: "f3", title: "What is your service area?", content: "We proudly serve the greater metropolitan area."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to your local service needs."
|
||||
@@ -276,18 +155,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Ready to get started? Our team is available 24/7 to help with your home service needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (555) 123-4567",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Call Now: (555) 123-4567", href: "tel:+15551234567"},
|
||||
{
|
||||
text: "Send Message",
|
||||
href: "#contact-form",
|
||||
},
|
||||
text: "Send Message", href: "#contact-form"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -296,42 +170,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#careers",
|
||||
},
|
||||
label: "Careers", href: "#careers"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -341,4 +200,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user