Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
236
src/app/page.tsx
236
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#features"},
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Wiley's Services"
|
brandName="Wiley's Services"
|
||||||
/>
|
/>
|
||||||
@@ -54,81 +46,33 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Professional Handyman Services You Can Trust"
|
title="Professional Handyman Services You Can Trust"
|
||||||
description="Wiley's Services delivers prompt, detail-oriented home repairs and renovations. From bathroom remodels to electrical fixes, we're here to help."
|
description="Wiley's Services delivers prompt, detail-oriented home repairs and renovations. From bathroom remodels to electrical fixes, we're here to help."
|
||||||
leftCarouselItems={[
|
leftCarouselItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/various-tools-toolbag-near-blank-slate-bolts-wooden-background_23-2147865397.jpg", imageAlt: "handyman tools on work table" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/various-tools-toolbag-near-blank-slate-bolts-wooden-background_23-2147865397.jpg?_wi=1",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/portable-tool-kit-hoder-with-special-tools-electronic-repairment_346278-1183.jpg", imageAlt: "handyman tools on work table" },
|
||||||
imageAlt: "handyman tools on work table",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mechanic-supplies-composition_23-2149511911.jpg", imageAlt: "handyman tools on work table" },
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-print-house-paint-brushes_23-2148393084.jpg", imageAlt: "handyman tools on work table" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/manual-worker-grinding-metal-steel-objects-workshop-with-tools_1163-3130.jpg", imageAlt: "handyman tools on work table" }
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portable-tool-kit-hoder-with-special-tools-electronic-repairment_346278-1183.jpg",
|
|
||||||
imageAlt: "handyman tools on work table",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mechanic-supplies-composition_23-2149511911.jpg",
|
|
||||||
imageAlt: "handyman tools on work table",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-print-house-paint-brushes_23-2148393084.jpg",
|
|
||||||
imageAlt: "handyman tools on work table",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/manual-worker-grinding-metal-steel-objects-workshop-with-tools_1163-3130.jpg",
|
|
||||||
imageAlt: "handyman tools on work table",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
rightCarouselItems={[
|
rightCarouselItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576405.jpg", imageAlt: "handyman tools on work table" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576405.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/metal-rack-with-set-wrench-spanners-tools_627829-12186.jpg", imageAlt: "handyman tools on work table" },
|
||||||
imageAlt: "handyman tools on work table",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576397.jpg", imageAlt: "handyman tools on work table" },
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428249.jpg", imageAlt: "handyman tools on work table" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-tools-carpentry-desk_23-2148640259.jpg", imageAlt: "handyman tools on work table" }
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-rack-with-set-wrench-spanners-tools_627829-12186.jpg",
|
|
||||||
imageAlt: "handyman tools on work table",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576397.jpg",
|
|
||||||
imageAlt: "handyman tools on work table",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428249.jpg",
|
|
||||||
imageAlt: "handyman tools on work table",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-tools-carpentry-desk_23-2148640259.jpg",
|
|
||||||
imageAlt: "handyman tools on work table",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get an Estimate",
|
text: "Get an Estimate", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-with-arms-crossed_1170-2381.jpg", alt: "Smiling mechanic standing with arms crossed" },
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-with-arms-crossed_1170-2381.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg", alt: "Stylish woman wearing yellow bandana" },
|
||||||
alt: "Smiling mechanic standing with arms crossed",
|
{ src: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg", alt: "Man in shirt smiling and posing in the kitchen" },
|
||||||
},
|
{ src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg", alt: "Beauty, style, fashion and femininity concept" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-stylish-woman-coat-joyfully-looking-camera-walking-through-city-street_574295-2122.jpg", alt: "Young beautiful smiling stylish woman" }
|
||||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
|
|
||||||
alt: "Stylish woman wearing yellow bandana",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
|
|
||||||
alt: "Man in shirt smiling and posing in the kitchen",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg",
|
|
||||||
alt: "Beauty, style, fashion and femininity concept. Positive beautiful young European woman in blue shirt looking at camera with broad happy smile, being in good mood, kitchen interior in background",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-stylish-woman-coat-joyfully-looking-camera-walking-through-city-street_574295-2122.jpg",
|
|
||||||
alt: "Young beautiful smiling stylish woman in coat joyfully looking in camera walking through city street",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by hundreds of local homeowners"
|
avatarText="Trusted by hundreds of local homeowners"
|
||||||
/>
|
/>
|
||||||
@@ -139,21 +83,9 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Why Choose Wiley's Services?"
|
title="Why Choose Wiley's Services?"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ icon: Clock, label: "Response Time", value: "Fast" },
|
||||||
icon: Clock,
|
{ icon: Users, label: "Service Type", value: "Reliable" },
|
||||||
label: "Response Time",
|
{ icon: Award, label: "Customer Rating", value: "5-Star" },
|
||||||
value: "Fast",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Users,
|
|
||||||
label: "Service Type",
|
|
||||||
value: "Reliable",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Award,
|
|
||||||
label: "Customer Rating",
|
|
||||||
value: "5-Star",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -166,36 +98,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Bathroom Remodels",
|
title: "Bathroom Remodels", description: "Revitalize your bathroom with expert remodeling services.", bentoComponent: "reveal-icon", icon: Droplets
|
||||||
description: "Revitalize your bathroom with expert remodeling services.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Droplets,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/time-management-flat-icons-set_1284-4995.jpg",
|
|
||||||
imageAlt: "clock icon fast speed",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Plumbing Repairs",
|
title: "Plumbing Repairs", description: "Fixing leaks, drain clogs, and fixture repairs promptly.", bentoComponent: "reveal-icon", icon: Droplets
|
||||||
description: "Fixing leaks, drain clogs, and fixture repairs promptly.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Droplets,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/various-tools-toolbag-near-blank-slate-bolts-wooden-background_23-2147865397.jpg?_wi=2",
|
|
||||||
imageAlt: "clock icon fast speed",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Electrical Work",
|
title: "Electrical Work", description: "Safe and professional electrical outlet repairs.", bentoComponent: "reveal-icon", icon: Zap
|
||||||
description: "Safe and professional electrical outlet repairs.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Zap,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/quality-logo-templates_1107-25.jpg",
|
|
||||||
imageAlt: "clock icon fast speed",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Siding Repair",
|
title: "Siding Repair", description: "Protect your home exterior with professional siding work.", bentoComponent: "reveal-icon", icon: Home
|
||||||
description: "Protect your home exterior with professional siding work.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Home,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg?_wi=1",
|
|
||||||
imageAlt: "clock icon fast speed",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Our Expert Services"
|
title="Our Expert Services"
|
||||||
@@ -209,41 +121,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Sarah Miller", handle: "Local Homeowner", testimonial: "Wiley responded so quickly and fixed our leak the same day. Incredible service!", imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "James Davis", handle: "Mobile Home Resident", testimonial: "I had trouble finding someone for my mobile home repair, but Wiley was great.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg" },
|
||||||
name: "Sarah Miller",
|
{ id: "3", name: "Emily Chen", handle: "Homeowner", testimonial: "Professional, fair pricing, and he really paid attention to the details.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746290.jpg" },
|
||||||
handle: "Local Homeowner",
|
{ id: "4", name: "Mark Roberts", handle: "Local Client", testimonial: "Top-notch handyman services. Friendly and always on time.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-microphone-working-record-studio_1303-26336.jpg" },
|
||||||
testimonial: "Wiley responded so quickly and fixed our leak the same day. Incredible service!",
|
{ id: "5", name: "Anna Wilson", handle: "Homeowner", testimonial: "Wiley is now our go-to guy for all home repairs. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "James Davis",
|
|
||||||
handle: "Mobile Home Resident",
|
|
||||||
testimonial: "I had trouble finding someone for my mobile home repair, but Wiley was great.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Emily Chen",
|
|
||||||
handle: "Homeowner",
|
|
||||||
testimonial: "Professional, fair pricing, and he really paid attention to the details.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746290.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Mark Roberts",
|
|
||||||
handle: "Local Client",
|
|
||||||
testimonial: "Top-notch handyman services. Friendly and always on time.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-microphone-working-record-studio_1303-26336.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Anna Wilson",
|
|
||||||
handle: "Homeowner",
|
|
||||||
testimonial: "Wiley is now our go-to guy for all home repairs. Highly recommend!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Trusted by Local Homeowners"
|
title="Trusted by Local Homeowners"
|
||||||
description="See why our neighbors trust us with their home repairs."
|
description="See why our neighbors trust us with their home repairs."
|
||||||
@@ -255,21 +137,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "1", title: "What areas do you serve?", content: "We proudly serve the local area. Please contact us to confirm availability in your specific neighborhood." },
|
||||||
id: "1",
|
{ id: "2", title: "How quickly can you respond?", content: "We pride ourselves on fast response times and punctuality." },
|
||||||
title: "What areas do you serve?",
|
{ id: "3", title: "Are your prices transparent?", content: "Yes, we believe in fair, competitive, and transparent pricing for all our work." },
|
||||||
content: "We proudly serve the local area. Please contact us to confirm availability in your specific neighborhood.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
title: "How quickly can you respond?",
|
|
||||||
content: "We pride ourselves on fast response times and punctuality.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "Are your prices transparent?",
|
|
||||||
content: "Yes, we believe in fair, competitive, and transparent pricing for all our work.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Have questions? We're here to help."
|
description="Have questions? We're here to help."
|
||||||
@@ -281,8 +151,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Get in Touch"
|
tag="Get in Touch"
|
||||||
title="Ready to Start Your Project?"
|
title="Ready to Start Your Project?"
|
||||||
description="Have a repair need? Connect with Wiley today for a quote or consultation."
|
description="Have a repair need? Connect with Wiley today for a quote or consultation."
|
||||||
@@ -295,33 +164,16 @@ export default function LandingPage() {
|
|||||||
logoText="Wiley's Services"
|
logoText="Wiley's Services"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Quick Links",
|
title: "Quick Links", items: [
|
||||||
items: [
|
{ label: "Services", href: "#features" },
|
||||||
{
|
{ label: "About", href: "#about" },
|
||||||
label: "Services",
|
{ label: "Contact", href: "#contact" },
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
{ label: "Privacy Policy", href: "#" },
|
||||||
{
|
{ label: "Terms of Service", href: "#" },
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms of Service",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user