Merge version_1 into main #2
400
src/app/page.tsx
400
src/app/page.tsx
@@ -27,286 +27,140 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Precision Home Services"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Precision Home Services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Precision Home Services by an Engineer"
|
||||
description="Offering elite handyman services for Tampa, FL and Bloomfield Hills, MI. Combining electromechanical engineering background with hands-on repair for your home's complex needs."
|
||||
tag="Expert Engineering & Maintenance"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17043.jpg?_wi=1",
|
||||
imageAlt: "Professional handyman with tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-screwdriver-with-bits-gray-background_181624-55510.jpg?_wi=1",
|
||||
imageAlt: "Repair work in modern kitchen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17043.jpg?_wi=2",
|
||||
imageAlt: "Technician inspecting wiring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-screwdriver-with-bits-gray-background_181624-55510.jpg?_wi=2",
|
||||
imageAlt: "Engineering precise measurement",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17043.jpg?_wi=3",
|
||||
imageAlt: "Completed home maintenance task",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 100+ Homeowners"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Home Services by an Engineer"
|
||||
description="Offering elite handyman services for Tampa, FL and Bloomfield Hills, MI. Combining electromechanical engineering background with hands-on repair for your home's complex needs."
|
||||
tag="Expert Engineering & Maintenance"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17043.jpg", imageAlt: "Professional handyman with tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-screwdriver-with-bits-gray-background_181624-55510.jpg", imageAlt: "Repair work in modern kitchen"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 100+ Homeowners"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Engineering Precision in Every Repair"
|
||||
description="With an Electromechanical Engineering background, I bring a unique analytical approach to home repair. From complex mechanical issues to general handyman tasks, I solve problems that others overlook. Serving you with dedicated, local attention in both Tampa and Bloomfield Hills."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Technical Expertise",
|
||||
description: "Electromechanical engineering degree provides deep understanding of home systems.",
|
||||
},
|
||||
{
|
||||
title: "Precision Work",
|
||||
description: "Analytical problem-solving ensuring high-quality, long-lasting repairs.",
|
||||
},
|
||||
{
|
||||
title: "Dual-Location Care",
|
||||
description: "Committed to maintaining your home in both Tampa, FL and Bloomfield Hills, MI.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17474.jpg"
|
||||
imageAlt="Professional technician at work"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Engineering Precision in Every Repair"
|
||||
description="With an Electromechanical Engineering background, I bring a unique analytical approach to home repair. From complex mechanical issues to general handyman tasks, I solve problems that others overlook. Serving you with dedicated, local attention in both Tampa and Bloomfield Hills."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Technical Expertise", description: "Electromechanical engineering degree provides deep understanding of home systems."},
|
||||
{
|
||||
title: "Precision Work", description: "Analytical problem-solving ensuring high-quality, long-lasting repairs."},
|
||||
{
|
||||
title: "Dual-Location Care", description: "Committed to maintaining your home in both Tampa, FL and Bloomfield Hills, MI."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17474.jpg"
|
||||
imageAlt="Professional technician at work"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Electrical Repairs",
|
||||
author: "Pro Service",
|
||||
description: "Troubleshooting and fixing complex electrical issues with certified precision.",
|
||||
tags: [
|
||||
"Electrical",
|
||||
"Repair",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charge-icon-front-side_187299-39454.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Mechanical Systems",
|
||||
author: "Pro Service",
|
||||
description: "Expert maintenance for home mechanical systems, pumps, and automated parts.",
|
||||
tags: [
|
||||
"Mechanical",
|
||||
"Engineering",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19065.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "General Maintenance",
|
||||
author: "Pro Service",
|
||||
description: "High-quality general handyman tasks delivered with engineering rigor.",
|
||||
tags: [
|
||||
"Maintenance",
|
||||
"Home",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176742.jpg",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Handyman Services"
|
||||
description="Professional maintenance handled with mechanical accuracy and attention to detail."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Electrical Repairs", author: "Pro Service", description: "Troubleshooting and fixing complex electrical issues with certified precision.", tags: ["Electrical", "Repair"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charge-icon-front-side_187299-39454.jpg"},
|
||||
{
|
||||
id: "2", title: "Mechanical Systems", author: "Pro Service", description: "Expert maintenance for home mechanical systems, pumps, and automated parts.", tags: ["Mechanical", "Engineering"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19065.jpg"},
|
||||
{
|
||||
id: "3", title: "General Maintenance", author: "Pro Service", description: "High-quality general handyman tasks delivered with engineering rigor.", tags: ["Maintenance", "Home"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176742.jpg"},
|
||||
]}
|
||||
title="Comprehensive Handyman Services"
|
||||
description="Professional maintenance handled with mechanical accuracy and attention to detail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-taking-keys-from-realtor-woman-standing-indoors_259150-58367.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "James L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394271.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sara D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-woman-home_329181-4271.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What My Neighbors Say"
|
||||
cardTag="Trusted Results"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Mark S.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg" },
|
||||
{ id: "2", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-taking-keys-from-realtor-woman-standing-indoors_259150-58367.jpg" },
|
||||
{ id: "3", name: "James L.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394271.jpg" },
|
||||
{ id: "4", name: "Sara D.", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg" },
|
||||
{ id: "5", name: "Tom P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-woman-home_329181-4271.jpg" },
|
||||
]}
|
||||
cardTitle="What My Neighbors Say"
|
||||
cardTag="Trusted Results"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Where do you operate?",
|
||||
content: "I split my time between Tampa, FL and Bloomfield Hills, MI to provide dedicated local service.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is your background?",
|
||||
content: "I hold an Electromechanical Engineering degree and have extensive experience in technical problem solving.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do you ensure quality?",
|
||||
content: "Every project is approached with analytical rigor, ensuring a professional fix the first time.",
|
||||
},
|
||||
]}
|
||||
sideTitle="How Can I Help?"
|
||||
sideDescription="Get answers to your questions about my service areas and technical capabilities."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Where do you operate?", content: "I split my time between Tampa, FL and Bloomfield Hills, MI to provide dedicated local service." },
|
||||
{ id: "2", title: "What is your background?", content: "I hold an Electromechanical Engineering degree and have extensive experience in technical problem solving." },
|
||||
{ id: "3", title: "How do you ensure quality?", content: "Every project is approached with analytical rigor, ensuring a professional fix the first time." },
|
||||
]}
|
||||
sideTitle="How Can I Help?"
|
||||
sideDescription="Get answers to your questions about my service areas and technical capabilities."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Ready to get professional, engineering-grade maintenance for your home? Contact me today for a quote."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "location",
|
||||
type: "text",
|
||||
placeholder: "Location (Tampa/Bloomfield Hills)",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "project",
|
||||
placeholder: "Describe your project...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-buildings-tall-chimney_23-2149627176.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Ready to get professional, engineering-grade maintenance for your home? Contact me today for a quote."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "location", type: "text", placeholder: "Location (Tampa/Bloomfield Hills)", required: true },
|
||||
]}
|
||||
textarea={{ name: "project", placeholder: "Describe your project...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-buildings-tall-chimney_23-2149627176.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Precision Home Services",
|
||||
items: [
|
||||
{
|
||||
label: "Tampa, FL Area",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Bloomfield Hills, MI Area",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Precision Home Services."
|
||||
bottomRightText="Engineering Excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Precision Home Services", items: [{ label: "Tampa, FL Area", href: "#" }, { label: "Bloomfield Hills, MI Area", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Precision Home Services."
|
||||
bottomRightText="Engineering Excellence."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user