Merge version_1 into main #2
197
src/app/page.tsx
197
src/app/page.tsx
@@ -17,31 +17,30 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LocalService"
|
||||
/>
|
||||
@@ -50,45 +49,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Fast & Reliable Local Services Near You"
|
||||
description="Expert local professionals providing top-rated services with same-day availability. Your local solution for quality and trust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15550123456",
|
||||
},
|
||||
text: "Call Now", href: "tel:+15550123456"},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg?_wi=1",
|
||||
imageAlt: "Technician on site",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg", imageAlt: "Technician on site"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg?_wi=2",
|
||||
imageAlt: "Technician on site 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg", imageAlt: "Technician on site 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg?_wi=3",
|
||||
imageAlt: "Technician on site 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg", imageAlt: "Technician on site 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg?_wi=4",
|
||||
imageAlt: "Technician on site 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg", imageAlt: "Technician on site 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg?_wi=5",
|
||||
imageAlt: "Technician on site 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg", imageAlt: "Technician on site 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg?_wi=6",
|
||||
imageAlt: "Technician on site 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg", imageAlt: "Technician on site 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,9 +81,7 @@ export default function LandingPage() {
|
||||
title="Your Trusted Local Experts"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Our Story",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Read Our Story", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,40 +93,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Expert Repair",
|
||||
description: "Precision repairs performed by licensed professionals.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19067.jpg?_wi=1",
|
||||
imageAlt: "Repair",
|
||||
},
|
||||
id: "s1", title: "Expert Repair", description: "Precision repairs performed by licensed professionals.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19067.jpg", imageAlt: "Repair"},
|
||||
items: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg?_wi=7",
|
||||
imageAlt: "professional technician working on site",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Same-Day Service",
|
||||
description: "Quick response times for urgent residential and commercial needs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-shaking-hands-indoors_23-2148920607.jpg?_wi=1",
|
||||
imageAlt: "Service",
|
||||
},
|
||||
id: "s2", title: "Same-Day Service", description: "Quick response times for urgent residential and commercial needs.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-shaking-hands-indoors_23-2148920607.jpg", imageAlt: "Service"},
|
||||
items: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19067.jpg?_wi=2",
|
||||
imageAlt: "professional plumbing repair equipment",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Affordable Pricing",
|
||||
description: "Transparent costs with no hidden fees for all services.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tools-truck-worker-uniform-faulty-truck_1157-46521.jpg",
|
||||
imageAlt: "Pricing",
|
||||
},
|
||||
id: "s3", title: "Affordable Pricing", description: "Transparent costs with no hidden fees for all services.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tools-truck-worker-uniform-faulty-truck_1157-46521.jpg", imageAlt: "Pricing"},
|
||||
items: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-shaking-hands-indoors_23-2148920607.jpg?_wi=2",
|
||||
imageAlt: "service professional working quickly",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Professional Services We Offer"
|
||||
@@ -161,45 +123,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane Smith",
|
||||
handle: "@localclient",
|
||||
testimonial: "Excellent service and very fast!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
id: "1", name: "Jane Smith", handle: "@localclient", testimonial: "Excellent service and very fast!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Johnson",
|
||||
handle: "@localbiz",
|
||||
testimonial: "Very professional and fair pricing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-retro-man-showing-thumbs-up_171337-10298.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Johnson", handle: "@localbiz", testimonial: "Very professional and fair pricing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-retro-man-showing-thumbs-up_171337-10298.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Davis",
|
||||
handle: "@homeowner",
|
||||
testimonial: "Fixed my issue in just 10 minutes.",
|
||||
rating: 5,
|
||||
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: "3", name: "Emily Davis", handle: "@homeowner", testimonial: "Fixed my issue in just 10 minutes.", rating: 5,
|
||||
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: "4",
|
||||
name: "Robert Lee",
|
||||
handle: "@longtimeclient",
|
||||
testimonial: "Reliable experts I trust completely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-cup-coffee_23-2148953560.jpg",
|
||||
},
|
||||
id: "4", name: "Robert Lee", handle: "@longtimeclient", testimonial: "Reliable experts I trust completely.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-cup-coffee_23-2148953560.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Miller",
|
||||
handle: "@firsttime",
|
||||
testimonial: "Friendly staff and clean workspace.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah Miller", handle: "@firsttime", testimonial: "Friendly staff and clean workspace.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Rated 5-Stars by Neighbors"
|
||||
@@ -213,20 +150,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we are available for emergency requests 24/7.",
|
||||
},
|
||||
id: "q1", title: "Do you offer emergency services?", content: "Yes, we are available for emergency requests 24/7."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your professionals licensed?",
|
||||
content: "All our technicians are fully licensed, insured, and verified.",
|
||||
},
|
||||
id: "q2", title: "Are your professionals licensed?", content: "All our technicians are fully licensed, insured, and verified."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I get a free quote?",
|
||||
content: "Simply fill out our contact form or call us directly.",
|
||||
},
|
||||
id: "q3", title: "How do I get a free quote?", content: "Simply fill out our contact form or call us directly."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers for your common concerns."
|
||||
@@ -238,20 +166,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready for Instant Service?"
|
||||
description="Contact us today for a free estimate or to schedule your service. Fast and reliable service is just one click away."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Free Quote", href: "#"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15550123456",
|
||||
},
|
||||
text: "Call Now", href: "tel:+15550123456"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -261,29 +184,19 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286009.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#",
|
||||
},
|
||||
label: "Repairs", href: "#"},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Maintenance", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user