Merge version_1 into main #2
179
src/app/page.tsx
179
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
name: "Why Us", id: "#why-us"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="ServicePro"
|
||||
/>
|
||||
@@ -54,42 +46,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Professional Local Services You Can Trust"
|
||||
description="Fast, affordable, and expert service in your area. We're here to help when you need it most."
|
||||
tag="Expert Local Service"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Call Now", href: "tel:+1234567890"},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-assistant-writing-data-documents-taking-notes-papers-create-annual-report-executive-employee-planning-investment-with-analytics-statistics-laptop-files_482257-67059.jpg?_wi=1",
|
||||
imageAlt: "professional services local business office",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-assistant-writing-data-documents-taking-notes-papers-create-annual-report-executive-employee-planning-investment-with-analytics-statistics-laptop-files_482257-67059.jpg", imageAlt: "professional services local business office"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24007.jpg",
|
||||
imageAlt: "professional services local business office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-meeting-breakfast_74855-1160.jpg",
|
||||
imageAlt: "Business partners meeting at breakfast",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-schematics-talking-phone_23-2148269791.jpg",
|
||||
imageAlt: "Man holding schematics and talking on phone",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184907.jpg",
|
||||
imageAlt: "Person working in building and construction",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24007.jpg", imageAlt: "professional services local business office"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={4.8}
|
||||
@@ -103,60 +74,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
date: "2024-01-01",
|
||||
title: "Great Service",
|
||||
quote: "Very fast service, highly recommended!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-shopaholic-woman_1098-2415.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-assistant-writing-data-documents-taking-notes-papers-create-annual-report-executive-employee-planning-investment-with-analytics-statistics-laptop-files_482257-67059.jpg?_wi=2",
|
||||
imageAlt: "happy customer smiling",
|
||||
},
|
||||
id: "t1", name: "John Doe", date: "2024-01-01", title: "Great Service", quote: "Very fast service, highly recommended!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-shopaholic-woman_1098-2415.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-assistant-writing-data-documents-taking-notes-papers-create-annual-report-executive-employee-planning-investment-with-analytics-statistics-laptop-files_482257-67059.jpg", imageAlt: "happy customer smiling"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
date: "2024-01-05",
|
||||
title: "Very Happy",
|
||||
quote: "Affordable and professional. Best service in town.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/construction_24908-54401.jpg?_wi=1",
|
||||
imageAlt: "happy customer smiling",
|
||||
},
|
||||
id: "t2", name: "Jane Smith", date: "2024-01-05", title: "Very Happy", quote: "Affordable and professional. Best service in town.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "http://img.b2bpic.net/free-vector/construction_24908-54401.jpg", imageAlt: "happy customer smiling"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Brown",
|
||||
date: "2024-01-10",
|
||||
title: "Reliable",
|
||||
quote: "Always shows up on time and finishes the job right.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mature-family-couple-visiting-daughter_1398-4698.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/construction_24908-54410.jpg?_wi=1",
|
||||
imageAlt: "happy customer smiling",
|
||||
},
|
||||
id: "t3", name: "Mike Brown", date: "2024-01-10", title: "Reliable", quote: "Always shows up on time and finishes the job right.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mature-family-couple-visiting-daughter_1398-4698.jpg", imageSrc: "http://img.b2bpic.net/free-vector/construction_24908-54410.jpg", imageAlt: "happy customer smiling"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Wilson",
|
||||
date: "2024-01-15",
|
||||
title: "Top Notch",
|
||||
quote: "Friendly staff and excellent results every time.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/24-hour-clock_78370-6171.jpg?_wi=1",
|
||||
imageAlt: "happy customer smiling",
|
||||
},
|
||||
id: "t4", name: "Sarah Wilson", date: "2024-01-15", title: "Top Notch", quote: "Friendly staff and excellent results every time.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg", imageSrc: "http://img.b2bpic.net/free-vector/24-hour-clock_78370-6171.jpg", imageAlt: "happy customer smiling"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom Baker",
|
||||
date: "2024-01-20",
|
||||
title: "Highly Recommend",
|
||||
quote: "Great communication throughout the entire process.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-pretty-girl-with-clean-skin-perfect-smile-having-fun-coffee-shop_273609-9039.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-building_23-2148106954.jpg?_wi=1",
|
||||
imageAlt: "happy customer smiling",
|
||||
},
|
||||
id: "t5", name: "Tom Baker", date: "2024-01-20", title: "Highly Recommend", quote: "Great communication throughout the entire process.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-pretty-girl-with-clean-skin-perfect-smile-having-fun-coffee-shop_273609-9039.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-building_23-2148106954.jpg", imageAlt: "happy customer smiling"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="See why our local community trusts us for all their needs."
|
||||
@@ -169,20 +95,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Repair & Maintenance",
|
||||
description: "High quality repair and maintenance services for your home or business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/construction_24908-54401.jpg?_wi=2",
|
||||
},
|
||||
title: "Repair & Maintenance", description: "High quality repair and maintenance services for your home or business.", imageSrc: "http://img.b2bpic.net/free-vector/construction_24908-54401.jpg"},
|
||||
{
|
||||
title: "Expert Installation",
|
||||
description: "Installation and setup of all your modern equipment needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/construction_24908-54410.jpg?_wi=2",
|
||||
},
|
||||
title: "Expert Installation", description: "Installation and setup of all your modern equipment needs.", imageSrc: "http://img.b2bpic.net/free-vector/construction_24908-54410.jpg"},
|
||||
{
|
||||
title: "Emergency Support",
|
||||
description: "Rapid response team available whenever emergencies arise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/24-hour-clock_78370-6171.jpg?_wi=2",
|
||||
},
|
||||
title: "Emergency Support", description: "Rapid response team available whenever emergencies arise.", imageSrc: "http://img.b2bpic.net/free-vector/24-hour-clock_78370-6171.jpg"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Professional solutions for all your requirements."
|
||||
@@ -196,34 +113,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Fast Response Time",
|
||||
items: [
|
||||
"Emergency support",
|
||||
"On-time arrival",
|
||||
"Clear updates",
|
||||
],
|
||||
id: "m1", value: "24/7", title: "Fast Response Time", items: [
|
||||
"Emergency support", "On-time arrival", "Clear updates"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$$",
|
||||
title: "Affordable Pricing",
|
||||
items: [
|
||||
"Competitive rates",
|
||||
"No hidden costs",
|
||||
"Transparent quotes",
|
||||
],
|
||||
id: "m2", value: "$$", title: "Affordable Pricing", items: [
|
||||
"Competitive rates", "No hidden costs", "Transparent quotes"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Experienced Pros",
|
||||
items: [
|
||||
"Licensed technicians",
|
||||
"Fully insured",
|
||||
"Expert training",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Experienced Pros", items: [
|
||||
"Licensed technicians", "Fully insured", "Expert training"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -246,13 +145,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="cta-main" data-section="cta-main">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Need Service Now?"
|
||||
description="Call our team today for fast, reliable service in your local area."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bottom-view-building_23-2148106954.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bottom-view-building_23-2148106954.jpg"
|
||||
mediaPosition="right"
|
||||
buttonText="Call Now"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -261,10 +160,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Quote"
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Get a Free Quote"
|
||||
description="Fill out the form and we will call you back right away to discuss your needs."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architects-wearing-helmets-front-glass-building_23-2147702495.jpg"
|
||||
@@ -278,29 +177,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call: (123) 456-7890",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
label: "Call: (123) 456-7890", href: "tel:+1234567890"},
|
||||
{
|
||||
label: "WhatsApp Support",
|
||||
href: "https://wa.me/1234567890",
|
||||
},
|
||||
label: "WhatsApp Support", href: "https://wa.me/1234567890"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user