Merge version_1 into main #2
212
src/app/page.tsx
212
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Top Virtual Solutions"
|
||||
/>
|
||||
@@ -59,75 +49,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Top-Tier Home Maintenance, Powered by Passion."
|
||||
description="We specialize in professional, dynamic home solutions. From landscaping to repairs, we ensure your living space is always thriving, delivered with expert care."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Projects Done",
|
||||
},
|
||||
value: "100+", label: "Projects Done"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
value: "24/7", label: "Support"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-gardener-cutting-harvested-flower-garden_23-2148165213.jpg",
|
||||
alt: "Male gardener",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-gardener-cutting-harvested-flower-garden_23-2148165213.jpg", alt: "Male gardener"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/skilful-gardener-using-highaltitude-hedge-trimmer-while-shaping-bush-topiary-garden-side-view_7502-10480.jpg",
|
||||
alt: "Gardener trimming bush",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/skilful-gardener-using-highaltitude-hedge-trimmer-while-shaping-bush-topiary-garden-side-view_7502-10480.jpg", alt: "Gardener trimming bush"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-carrying-box_23-2149722682.jpg",
|
||||
alt: "Man carrying box",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-carrying-box_23-2149722682.jpg", alt: "Man carrying box"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hard-working-man-casual-outfit-removing-dry-leaves-from-sidewalk-with-hand-blower-sunny-day_7502-10151.jpg",
|
||||
alt: "Man with blower",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hard-working-man-casual-outfit-removing-dry-leaves-from-sidewalk-with-hand-blower-sunny-day_7502-10151.jpg", alt: "Man with blower"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg",
|
||||
alt: "home exterior modern maintenance",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg", alt: "home exterior modern maintenance"},
|
||||
]}
|
||||
avatarText="Join 500+ happy homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Professional Service",
|
||||
icon: Wrench,
|
||||
type: "text-icon", text: "Professional Service", icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Quality Assured",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Quality Assured", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Landscaping",
|
||||
icon: Home,
|
||||
type: "text-icon", text: "Expert Landscaping", icon: Home,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Deep Cleaning",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Deep Cleaning", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Reliable Support",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "Reliable Support", icon: Clock,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -141,7 +104,7 @@ export default function LandingPage() {
|
||||
description="Our company is founded on the spirit of thriving through adversity. As a paraplegic-owned business, we approach every task with unique dedication, ensuring every home receives world-class maintenance."
|
||||
subdescription="We believe that passion, precision, and drive are the keys to a perfect home."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-construction-worker_329181-3739.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-construction-worker_329181-3739.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -153,28 +116,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Care",
|
||||
description: "Expert landscaping and maintenance to keep your greenery thriving.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Home,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-builder_1398-3486.jpg",
|
||||
imageAlt: "Happy female builder",
|
||||
title: "Lawn Care", description: "Expert landscaping and maintenance to keep your greenery thriving.", bentoComponent: "reveal-icon", icon: Home,
|
||||
},
|
||||
{
|
||||
title: "Home Repairs",
|
||||
description: "Professional fixes for all your interior and exterior needs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg?_wi=2",
|
||||
imageAlt: "Happy female builder",
|
||||
title: "Home Repairs", description: "Professional fixes for all your interior and exterior needs.", bentoComponent: "reveal-icon", icon: Wrench,
|
||||
},
|
||||
{
|
||||
title: "Deep Cleaning",
|
||||
description: "High-standard sanitization and cleaning for a pristine home.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-construction-worker_329181-3739.jpg?_wi=2",
|
||||
imageAlt: "Happy female builder",
|
||||
title: "Deep Cleaning", description: "High-standard sanitization and cleaning for a pristine home.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Home Solutions"
|
||||
@@ -189,34 +137,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Happy Homeowners",
|
||||
items: [
|
||||
"Prompt response",
|
||||
"Quality assurance",
|
||||
"Top-rated service",
|
||||
],
|
||||
id: "m1", value: "500+", title: "Happy Homeowners", items: [
|
||||
"Prompt response", "Quality assurance", "Top-rated service"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Retention Rate",
|
||||
items: [
|
||||
"Reliable care",
|
||||
"Trusted team",
|
||||
"Regular maintenance",
|
||||
],
|
||||
id: "m2", value: "99%", title: "Retention Rate", items: [
|
||||
"Reliable care", "Trusted team", "Regular maintenance"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Services Offered",
|
||||
items: [
|
||||
"Expert repairs",
|
||||
"Landscaping",
|
||||
"Seasonal cleaning",
|
||||
],
|
||||
id: "m3", value: "15+", title: "Services Offered", items: [
|
||||
"Expert repairs", "Landscaping", "Seasonal cleaning"],
|
||||
},
|
||||
]}
|
||||
title="Our Track Record"
|
||||
@@ -230,45 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent!",
|
||||
quote: "Top Virtual Solutions transformed my home.",
|
||||
name: "Jane Doe",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367127.jpg",
|
||||
},
|
||||
id: "t1", title: "Excellent!", quote: "Top Virtual Solutions transformed my home.", name: "Jane Doe", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367127.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Reliable",
|
||||
quote: "Consistent and high quality every visit.",
|
||||
name: "John Smith",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg",
|
||||
},
|
||||
id: "t2", title: "Reliable", quote: "Consistent and high quality every visit.", name: "John Smith", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Professional",
|
||||
quote: "The dedication is top notch.",
|
||||
name: "Sarah Lee",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-social-worker-helping-senior-woman_23-2149031379.jpg",
|
||||
},
|
||||
id: "t3", title: "Professional", quote: "The dedication is top notch.", name: "Sarah Lee", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/african-social-worker-helping-senior-woman_23-2149031379.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Top Tier!",
|
||||
quote: "Best maintenance experience yet.",
|
||||
name: "David Brown",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
|
||||
},
|
||||
id: "t4", title: "Top Tier!", quote: "Best maintenance experience yet.", name: "David Brown", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Inspirational",
|
||||
quote: "Love the company spirit.",
|
||||
name: "Maria Garcia",
|
||||
role: "Customer",
|
||||
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: "t5", title: "Inspirational", quote: "Love the company spirit.", name: "Maria Garcia", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Don't just take our word for it."
|
||||
@@ -281,20 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What services do you provide?",
|
||||
content: "We cover a full range of home maintenance, from gardening to repairs.",
|
||||
},
|
||||
id: "f1", title: "What services do you provide?", content: "We cover a full range of home maintenance, from gardening to repairs."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you fully insured?",
|
||||
content: "Yes, our team is fully insured.",
|
||||
},
|
||||
id: "f2", title: "Are you fully insured?", content: "Yes, our team is fully insured."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I book a visit?",
|
||||
content: "Call us at 0733551503 to schedule an appointment.",
|
||||
},
|
||||
id: "f3", title: "How can I book a visit?", content: "Call us at 0733551503 to schedule an appointment."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get quick answers about our services."
|
||||
@@ -306,8 +197,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Ready for a thriving home?"
|
||||
description="Call us at 0733551503 today for expert home care."
|
||||
tag="Reach Out"
|
||||
@@ -320,37 +210,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user