Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
216
src/app/page.tsx
216
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
@@ -31,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LocalService"
|
||||
/>
|
||||
@@ -57,40 +46,16 @@ export default function LandingPage() {
|
||||
logoText="Local Service Expert"
|
||||
description="Power your local campaigns and turn more ad clicks into customers. Easy to deploy, optimize, and scale all in one place."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now (555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now (555) 123-4567", href: "tel:5551234567" },
|
||||
{ text: "Get Free Quote", href: "#contact" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-received-mail-by-delivery-service_23-2148935103.jpg",
|
||||
imageAlt: "Team interaction",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-caucasian-professional-engineer-examine-checking-machinery-system-progress-work-flow-result-project-factory-background-industrial-technology-concept_609648-616.jpg",
|
||||
imageAlt: "Precision technician work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-carrying-christmas-tree-home_1303-19040.jpg",
|
||||
imageAlt: "Professional vehicle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg",
|
||||
imageAlt: "Satisfied homeowner",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-holding-smartphone-with-greenscreen-template_482257-88027.jpg",
|
||||
imageAlt: "Mobile app scheduling",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343047.jpg",
|
||||
imageAlt: "Organized workspace",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-received-mail-by-delivery-service_23-2148935103.jpg", imageAlt: "Team interaction" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-caucasian-professional-engineer-examine-checking-machinery-system-progress-work-flow-result-project-factory-background-industrial-technology-concept_609648-616.jpg", imageAlt: "Precision technician work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/father-carrying-christmas-tree-home_1303-19040.jpg", imageAlt: "Professional vehicle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg", imageAlt: "Satisfied homeowner" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-holding-smartphone-with-greenscreen-template_482257-88027.jpg", imageAlt: "Mobile app scheduling" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343047.jpg", imageAlt: "Organized workspace" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,24 +67,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Service",
|
||||
description: "High-quality precision work using the latest industry tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-headphones-mini-house-plants-table-apartment-room_482257-98954.jpg",
|
||||
imageAlt: "Precision service",
|
||||
},
|
||||
{
|
||||
title: "Reliable Solutions",
|
||||
description: "Proven methods to get the job done right the first time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-headphones-analyzes-online-statistics_53876-94865.jpg",
|
||||
imageAlt: "Reliable solutions",
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "We are available when you need us most, any time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-nomad-working-remotly-their-project_23-2149241828.jpg",
|
||||
imageAlt: "24/7 support",
|
||||
},
|
||||
{ title: "Precision Service", description: "High-quality precision work using the latest industry tools.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-headphones-mini-house-plants-table-apartment-room_482257-98954.jpg", imageAlt: "Precision service" },
|
||||
{ title: "Reliable Solutions", description: "Proven methods to get the job done right the first time.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-headphones-analyzes-online-statistics_53876-94865.jpg", imageAlt: "Reliable solutions" },
|
||||
{ title: "24/7 Support", description: "We are available when you need us most, any time.", imageSrc: "http://img.b2bpic.net/free-photo/digital-nomad-working-remotly-their-project_23-2149241828.jpg", imageAlt: "24/7 support" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive local service solutions tailored to your specific needs."
|
||||
@@ -142,41 +92,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Exceptional work and very professional service. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael B.",
|
||||
handle: "@mikeb",
|
||||
testimonial: "Fast response time and incredible results. Very satisfied.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Pricing was transparent and the team was extremely friendly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "The best experience I've had with a local service company.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Karen S.",
|
||||
handle: "@karens",
|
||||
testimonial: "Reliable, efficient, and great local knowledge. 5 stars!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Exceptional work and very professional service. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg" },
|
||||
{ id: "t2", name: "Michael B.", handle: "@mikeb", testimonial: "Fast response time and incredible results. Very satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg" },
|
||||
{ id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "Pricing was transparent and the team was extremely friendly.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg" },
|
||||
{ id: "t4", name: "David K.", handle: "@davidk", testimonial: "The best experience I've had with a local service company.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg" },
|
||||
{ id: "t5", name: "Karen S.", handle: "@karens", testimonial: "Reliable, efficient, and great local knowledge. 5 stars!", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg" },
|
||||
]}
|
||||
title="Loved by Our Customers"
|
||||
description="Don't just take our word for it—see what our satisfied local clients have to say."
|
||||
@@ -189,30 +109,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Contact Us",
|
||||
value: "1. Simple",
|
||||
icon: Phone,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Get Quote",
|
||||
value: "2. Fast",
|
||||
icon: FileText,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "We Deliver",
|
||||
value: "3. Expert",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Follow Up",
|
||||
value: "4. Quality",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", title: "Contact Us", value: "1. Simple", icon: Phone },
|
||||
{ id: "m2", title: "Get Quote", value: "2. Fast", icon: FileText },
|
||||
{ id: "m3", title: "We Deliver", value: "3. Expert", icon: CheckCircle },
|
||||
{ id: "m4", title: "Follow Up", value: "4. Quality", icon: Award },
|
||||
]}
|
||||
title="How We Work"
|
||||
description="A simple four-step process designed to get you the help you need quickly."
|
||||
@@ -224,21 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are your service areas?",
|
||||
content: "We proudly serve the entire local metropolitan area.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer transparent pricing?",
|
||||
content: "Yes, we provide clear estimates upfront before any work begins.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely, we carry full insurance and proper licensing for all services.",
|
||||
},
|
||||
{ id: "f1", title: "What are your service areas?", content: "We proudly serve the entire local metropolitan area." },
|
||||
{ id: "f2", title: "Do you offer transparent pricing?", content: "Yes, we provide clear estimates upfront before any work begins." },
|
||||
{ id: "f3", title: "Are you licensed and insured?", content: "Absolutely, we carry full insurance and proper licensing for all services." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-working-call-center_23-2149288179.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -249,14 +137,10 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get Started Today"
|
||||
title="Request Your Free Quote"
|
||||
description="Enter your details and one of our local experts will reach out to schedule your service."
|
||||
<ContactText
|
||||
text="Ready to get started? Call us now at (555) 123-4567 or request your free quote."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
buttons={[{ text: "Call Now", href: "tel:5551234567" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -264,36 +148,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="LocalService"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#why-us",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "Services", href: "#services" }, { label: "About Us", href: "#why-us" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2026 | LocalService Inc. All Rights Reserved."
|
||||
/>
|
||||
@@ -301,4 +157,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user