Merge version_1 into main #1
177
src/app/page.tsx
177
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Award, CheckCircle } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,73 +32,32 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LocalService"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+15550123456",
|
||||
}}
|
||||
button={{ text: "Call Now", href: "tel:+15550123456" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Professional Services in Your Neighborhood"
|
||||
description="Fast, reliable, and affordable solutions for your home or business. Experienced professionals dedicated to quality results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15550123456",
|
||||
},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+15550123456" },
|
||||
{ text: "Get Free Quote", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day-with-some-tools_23-2147790948.jpg",
|
||||
imageAlt: "Technician working",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17657.jpg",
|
||||
imageAlt: "Technician working",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-objects-fathers-day_23-2148098286.jpg",
|
||||
imageAlt: "Technician working",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg",
|
||||
imageAlt: "Technician working",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721520.jpg",
|
||||
imageAlt: "Technician working",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tools-looking-closely-lamp-hand_259150-58241.jpg",
|
||||
imageAlt: "Technician working",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day-with-some-tools_23-2147790948.jpg", imageAlt: "Technician working" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17657.jpg", imageAlt: "Technician working" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/composition-objects-fathers-day_23-2148098286.jpg", imageAlt: "Technician working" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg", imageAlt: "Technician working" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721520.jpg", imageAlt: "Technician working" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-tools-looking-closely-lamp-hand_259150-58241.jpg", imageAlt: "Technician working" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,9 +67,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Local Experts"
|
||||
description={[
|
||||
"With over 15 years of experience, we take pride in delivering top-tier service to our local community.",
|
||||
"We are fully licensed, insured, and committed to transparency. Our goal is to ensure every customer is 100% satisfied.",
|
||||
]}
|
||||
"With over 15 years of experience, we take pride in delivering top-tier service to our local community.", "We are fully licensed, insured, and committed to transparency. Our goal is to ensure every customer is 100% satisfied."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,30 +76,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Maintenance",
|
||||
description: "Preventative care to keep systems running smoothly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Repairs",
|
||||
description: "Rapid response for any unexpected issues.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-uniform-with-wrenches_23-2147897954.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Installations",
|
||||
description: "Professional setup for new systems and equipment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281317.jpg",
|
||||
buttonIcon: "Award",
|
||||
},
|
||||
{
|
||||
title: "Inspections",
|
||||
description: "Thorough assessments to identify potential risks.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1mkayw",
|
||||
buttonIcon: "CheckCircle",
|
||||
},
|
||||
{ title: "Maintenance", description: "Preventative care to keep systems running smoothly.", imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg", buttonIcon: Zap },
|
||||
{ title: "Repairs", description: "Rapid response for any unexpected issues.", imageSrc: "http://img.b2bpic.net/free-photo/technician-uniform-with-wrenches_23-2147897954.jpg", buttonIcon: Shield },
|
||||
{ title: "Installations", description: "Professional setup for new systems and equipment.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281317.jpg", buttonIcon: Award },
|
||||
{ title: "Inspections", description: "Thorough assessments to identify potential risks.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1mkayw", buttonIcon: CheckCircle },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive care for your property needs, delivered by verified experts."
|
||||
@@ -155,21 +93,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Projects completed",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Satisfaction rate",
|
||||
},
|
||||
{ id: "m1", value: "15+", description: "Years of experience" },
|
||||
{ id: "m2", value: "5k+", description: "Projects completed" },
|
||||
{ id: "m3", value: "100%", description: "Satisfaction rate" },
|
||||
]}
|
||||
title="Why Neighbors Trust Us"
|
||||
description="Proven results and a commitment to our service area."
|
||||
@@ -181,13 +107,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Home Builders Guild",
|
||||
"Local Chamber",
|
||||
"Safety First Assoc",
|
||||
"Quality Pro Certified",
|
||||
"Repair Experts Inc",
|
||||
"Regional Maintenance",
|
||||
"Community Partners",
|
||||
"Home Builders Guild", "Local Chamber", "Safety First Assoc", "Quality Pro Certified", "Repair Experts Inc", "Regional Maintenance", "Community Partners"
|
||||
]}
|
||||
title="Trusted Partners & Community"
|
||||
description="Proudly serving local businesses and residents."
|
||||
@@ -201,26 +121,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-employee-using-headset-customer-service-job-asnwering-call-about-telemarketing-sales-male-operator-working-call-center-office-help-clients-helpline_482257-40794.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-american-employee-using-headset-customer-service-job-asnwering-call-about-telemarketing-sales-male-operator-working-call-center-office-help-clients-helpline_482257-40794.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -232,21 +137,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we have 24/7 emergency support available for urgent issues.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is your service area?",
|
||||
content: "We cover all neighborhoods within a 20-mile radius of the downtown core.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide free quotes?",
|
||||
content: "Absolutely! Contact us today for a transparent, no-obligation quote.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer emergency services?", content: "Yes, we have 24/7 emergency support available for urgent issues." },
|
||||
{ id: "q2", title: "What is your service area?", content: "We cover all neighborhoods within a 20-mile radius of the downtown core." },
|
||||
{ id: "q3", title: "Do you provide free quotes?", content: "Absolutely! Contact us today for a transparent, no-obligation quote." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-call-center-worker-working-reduce-clients-complaints_482257-117934.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -259,9 +152,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Get Your Free Quote"
|
||||
description="Ready to get started? Fill out the form or call us for immediate assistance."
|
||||
tag="Contact Us"
|
||||
@@ -277,4 +168,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user