Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
180
src/app/page.tsx
180
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "why-us"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LocalServicePro"
|
||||
/>
|
||||
@@ -49,69 +43,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Expert Local Service in Your Neighborhood"
|
||||
description="Fast, reliable, and professional solutions for all your needs. Join hundreds of satisfied clients in the area who trust us for quality work every time."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-standing-by-window_23-2148238909.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-standing-by-window_23-2148238909.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550101",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550101"},
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Quote", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fully Licensed",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Fully Licensed", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Availability",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24/7 Availability", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Top-Rated Pros",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "Top-Rated Pros", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Affordable Rates",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Affordable Rates", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Satisfaction Guaranteed",
|
||||
icon: ThumbsUp,
|
||||
type: "text-icon", text: "Satisfaction Guaranteed", icon: ThumbsUp,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -124,34 +93,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Reliability",
|
||||
title: "Service Category One",
|
||||
items: [
|
||||
"High quality parts",
|
||||
"Certified experts",
|
||||
"Same day service",
|
||||
],
|
||||
id: "s1", label: "Reliability", title: "Service Category One", items: [
|
||||
"High quality parts", "Certified experts", "Same day service"],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Performance",
|
||||
title: "Service Category Two",
|
||||
items: [
|
||||
"Expert diagnostics",
|
||||
"Preventive maintenance",
|
||||
"Full guarantee",
|
||||
],
|
||||
id: "s2", label: "Performance", title: "Service Category Two", items: [
|
||||
"Expert diagnostics", "Preventive maintenance", "Full guarantee"],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Expertise",
|
||||
title: "Service Category Three",
|
||||
items: [
|
||||
"Latest tools used",
|
||||
"Licensed staff",
|
||||
"Clear transparent pricing",
|
||||
],
|
||||
id: "s3", label: "Expertise", title: "Service Category Three", items: [
|
||||
"Latest tools used", "Licensed staff", "Clear transparent pricing"],
|
||||
},
|
||||
]}
|
||||
title="Our Core Services"
|
||||
@@ -166,23 +117,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Clock,
|
||||
title: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
id: "m1", icon: Clock,
|
||||
title: "Years Experience", value: "15+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Clients Served",
|
||||
value: "1200+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Clients Served", value: "1200+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Satisfaction Rate",
|
||||
value: "99%",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Satisfaction Rate", value: "99%"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We believe in transparency and superior service quality for every client."
|
||||
@@ -197,25 +139,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "Sarah Miller",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Sarah Miller"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-standing-by-window_23-2148238909.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-standing-by-window_23-2148238909.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -228,61 +160,41 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What service areas do you cover?",
|
||||
content: "We cover the entire metro area and surrounding 20 miles.",
|
||||
},
|
||||
id: "f1", title: "What service areas do you cover?", content: "We cover the entire metro area and surrounding 20 miles."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we provide 24/7 support for urgent service requests.",
|
||||
},
|
||||
id: "f2", title: "Do you offer emergency services?", content: "Yes, we provide 24/7 support for urgent service requests."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is pricing transparent?",
|
||||
content: "Absolutely. We provide clear, written quotes before any work begins.",
|
||||
},
|
||||
id: "f3", title: "Is pricing transparent?", content: "Absolutely. We provide clear, written quotes before any work begins."},
|
||||
]}
|
||||
ctaTitle="Ready to get started?"
|
||||
ctaDescription="Contact our local team today for professional advice and fast service."
|
||||
ctaButton={{
|
||||
text: "Call Us Now",
|
||||
href: "tel:5550101",
|
||||
}}
|
||||
text: "Call Us Now", href: "tel:5550101"}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "About", href: "#why-us"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | LocalServicePro"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user