Merge version_1 into main #1
220
src/app/page.tsx
220
src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LocalService"
|
||||
/>
|
||||
@@ -46,43 +41,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Professional Local Service You Can Trust"
|
||||
description="Fast, reliable, and licensed experts ready to help you today. Serving our local community with pride."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18405.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-dressed-summer-clothes-trendy-girl-posing-street-funny-positive-woman-having-fun_158538-6274.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19123.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18405.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-dressed-summer-clothes-trendy-girl-posing-street-funny-positive-woman-having-fun_158538-6274.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19123.jpg", alt: "Customer" },
|
||||
]}
|
||||
avatarText="500+ happy local customers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+1234567890" },
|
||||
{ text: "Get Free Quote", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,62 +66,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fast Response",
|
||||
description: "We pride ourselves on our rapid dispatch times and punctuality for every job.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-s-workshop-with-nobody-with-press-boots_613910-3324.jpg",
|
||||
imageAlt: "Fast response",
|
||||
},
|
||||
id: "f1", title: "Fast Response", description: "We pride ourselves on our rapid dispatch times and punctuality for every job.", media: { imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-s-workshop-with-nobody-with-press-boots_613910-3324.jpg", imageAlt: "Fast response" },
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Same-day service",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Punctual arrivals",
|
||||
},
|
||||
{ icon: Zap, text: "Same-day service" },
|
||||
{ icon: Clock, text: "Punctual arrivals" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Licensed & Insured",
|
||||
description: "Your safety and satisfaction are guaranteed. We are fully compliant with all local regulations.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-barber-standing-with-arm-crossed_107420-94784.jpg",
|
||||
imageAlt: "Expertise",
|
||||
},
|
||||
id: "f2", title: "Licensed & Insured", description: "Your safety and satisfaction are guaranteed. We are fully compliant with all local regulations.", media: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-barber-standing-with-arm-crossed_107420-94784.jpg", imageAlt: "Expertise" },
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Fully insured",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Certified experts",
|
||||
},
|
||||
{ icon: Shield, text: "Fully insured" },
|
||||
{ icon: Award, text: "Certified experts" },
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Affordable Quality",
|
||||
description: "Get premium local service without the premium price tag. We offer transparent, upfront quotes.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paramedics-work-with-ambulance_53876-144801.jpg",
|
||||
imageAlt: "Pricing",
|
||||
},
|
||||
id: "f3", title: "Affordable Quality", description: "Get premium local service without the premium price tag. We offer transparent, upfront quotes.", media: { imageSrc: "http://img.b2bpic.net/free-photo/paramedics-work-with-ambulance_53876-144801.jpg", imageAlt: "Pricing" },
|
||||
items: [
|
||||
{
|
||||
icon: DollarSign,
|
||||
text: "Upfront pricing",
|
||||
},
|
||||
{
|
||||
icon: ThumbsUp,
|
||||
text: "High satisfaction",
|
||||
},
|
||||
{ icon: DollarSign, text: "Upfront pricing" },
|
||||
{ icon: ThumbsUp, text: "High satisfaction" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
@@ -166,21 +102,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years in business",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Happy customers",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Quality guarantee",
|
||||
},
|
||||
{ id: "m1", value: "15+", description: "Years in business" },
|
||||
{ id: "m2", value: "500+", description: "Happy customers" },
|
||||
{ id: "m3", value: "100%", description: "Quality guarantee" },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Count on our experience and local reputation."
|
||||
@@ -194,26 +118,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18405.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-dressed-summer-clothes-trendy-girl-posing-street-funny-positive-woman-having-fun_158538-6274.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19123.jpg",
|
||||
alt: "Robert",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg", alt: "Michael" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18405.jpg", alt: "Emily" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-dressed-summer-clothes-trendy-girl-posing-street-funny-positive-woman-having-fun_158538-6274.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19123.jpg", alt: "Robert" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -225,21 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer same-day service?",
|
||||
content: "Yes, we strive to offer same-day appointments whenever our schedule allows.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your quotes free?",
|
||||
content: "We offer upfront, transparent quotes on all jobs to ensure total peace of mind.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve the entire city and the surrounding suburbs within 20 miles.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer same-day service?", content: "Yes, we strive to offer same-day appointments whenever our schedule allows." },
|
||||
{ id: "q2", title: "Are your quotes free?", content: "We offer upfront, transparent quotes on all jobs to ensure total peace of mind." },
|
||||
{ id: "q3", title: "What areas do you serve?", content: "We proudly serve the entire city and the surrounding suburbs within 20 miles." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-women-working-with-laptop_23-2149300665.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -255,25 +152,10 @@ export default function LandingPage() {
|
||||
title="Get Your Free Quote"
|
||||
description="Ready to get started? Send us a quick message or call our team today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
required: true,
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", required: true, rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-ambition-young-businesswomen_329181-15176.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -284,21 +166,9 @@ export default function LandingPage() {
|
||||
logoText="LocalService"
|
||||
copyrightText="© 2025 | LocalService Inc."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user