Merge version_2 into main #4
204
src/app/page.tsx
204
src/app/page.tsx
@@ -31,77 +31,36 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LocalService"
|
||||
brandName="Hutchinson & Wood"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Reliable Local Services You Can Trust"
|
||||
description="Professional quality service right in your neighborhood. Book today and experience excellence."
|
||||
background={{ variant: "plain" }}
|
||||
title="24/7 Roadside & Tire Service in Haskell County"
|
||||
description="Based in Keota, OK. Hutchinson & Wood Roadside and Tire provides expert, round-the-clock emergency assistance and tire services."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.", handle: "@johnd", testimonial: "Excellent service and very professional team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg?_wi=1"},
|
||||
name: "James W.", handle: "@haskellcounty", testimonial: "Absolute life savers! Got me back on the road in no time at 2 AM.", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Sarah K.", handle: "@sarahk", testimonial: "Fast response time and great results.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-people-occupation-maintenance-service_343059-3492.jpg"},
|
||||
{
|
||||
name: "Mike B.", handle: "@mikeb", testimonial: "Highly recommended for local residents.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-holding-gift-box-uniform-looking-cheerful-front-view_176474-21289.jpg"},
|
||||
{
|
||||
name: "Emma R.", handle: "@emmar", testimonial: "Everything was perfect from start to finish.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-adult-slavic-man-holding-hammer-paint-brush-isolated_141793-68948.jpg"},
|
||||
{
|
||||
name: "David W.", handle: "@davidw", testimonial: "Truly the best service in town.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-repairs-room_1157-24928.jpg"},
|
||||
name: "Linda R.", handle: "@keota_local", testimonial: "Professional, friendly, and very fast response time.", rating: 5,
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:5550123456"},
|
||||
{
|
||||
text: "Learn More", href: "#about"},
|
||||
{ text: "Call for 24/7 Service", href: "tel:9180000000" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-social-worker-taking-care-old-woman_23-2149031313.jpg"
|
||||
imageAlt="Professional local service provider"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-caucasian-adult-builder-man-uniform-holds-wrench-hammer-orange_141793-69362.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-tools_23-2148932611.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-loader-holding-clipboard-pointing-side-uniform-front-view_176474-21356.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-woman-showing-her-doctor-photo-frame_23-2148962335.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5000+ local families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text", text: "Same-Day Service"},
|
||||
{
|
||||
type: "text", text: "Locally Owned"},
|
||||
{
|
||||
type: "text", text: "Satisfaction Guaranteed"},
|
||||
{
|
||||
type: "text", text: "Experienced Professionals"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-repair-service-mechanic-in-uniform-working-under-car-in-garage_23-2148967069.jpg"
|
||||
imageAlt="Roadside tire service vehicle"
|
||||
avatarText="Trusted by drivers across Oklahoma"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -109,13 +68,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Our Commitment to "},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg", alt: "Service professional"},
|
||||
{
|
||||
type: "text", content: " Local Excellence"},
|
||||
{ type: "text", content: "Serving Keota and Beyond" },
|
||||
]}
|
||||
description="Located at 21505 E1190 Rd, Keota, OK 74941. We pride ourselves on being the go-to tire and roadside service provider for our local community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -126,27 +81,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Repairs", description: "High quality repairs for all your needs.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-caucasian-adult-builder-man-uniform-holds-wrench-hammer-orange_141793-69362.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-tools_23-2148932611.jpg"},
|
||||
title: "24/7 Tire Service", description: "Flat tire? Need a patch or replacement? We come to you anytime.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-car-tire_23-2148967069.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/roadside-assistance-truck_23-2148967072.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Routine Maintenance", description: "Stay ahead with our preventative care.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-clipboard-pointing-side-uniform-front-view_176474-21356.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-showing-her-doctor-photo-frame_23-2148962335.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Emergency Support", description: "Rapid response when you need it most.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-paramedics-moving-ambulance-stretcher-from-car-hurry-paramedics-uniform-taking-stretcher-out-ambulance-car_657921-1485.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg?_wi=2"},
|
||||
},
|
||||
title: "Roadside Assistance", description: "Jump starts, lockouts, and emergency roadside support in Haskell County.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-on-road_23-2148967075.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/car-breakdown-service_23-2148967077.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Comprehensive Service Solutions"
|
||||
description="Everything you need to keep your home or business running perfectly."
|
||||
title="Expert Roadside Care"
|
||||
description="Fast response for any roadside trouble."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -156,21 +101,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "15+", title: "Years Experience", items: [
|
||||
"Fully licensed", "Expert team"],
|
||||
},
|
||||
{
|
||||
id: "m2", value: "100%", title: "Satisfaction Rate", items: [
|
||||
"Guaranteed work", "Happy clients"],
|
||||
},
|
||||
{
|
||||
id: "m3", value: "5000+", title: "Completed Projects", items: [
|
||||
"Local expertise", "Trusted brand"],
|
||||
},
|
||||
{ id: "m1", value: "5.0", title: "Star Rating", items: ["Highly rated service", "Customer satisfaction guaranteed"] },
|
||||
{ id: "m2", value: "24/7", title: "Availability", items: ["Around the clock support", "Fast response times"] },
|
||||
]}
|
||||
title="Proven Track Record"
|
||||
description="Numbers you can rely on for peace of mind."
|
||||
title="Our Commitment"
|
||||
description="Reliability you can depend on, day or night."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -180,68 +115,23 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Jane Smith", handle: "@janesmith", testimonial: "Amazing professional quality work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-craftsman_23-2148137743.jpg"},
|
||||
{
|
||||
id: "t2", name: "Robert B.", handle: "@robertb", testimonial: "Quick, easy, and very friendly service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721516.jpg"},
|
||||
{
|
||||
id: "t3", name: "Alice P.", handle: "@alicep", testimonial: "Reliable and affordable service team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-male-workers-wearing-work-clothes_273609-10990.jpg"},
|
||||
{
|
||||
id: "t4", name: "George W.", handle: "@georgew", testimonial: "Will call them again for sure.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38483.jpg"},
|
||||
{
|
||||
id: "t5", name: "Lisa T.", handle: "@lisat", testimonial: "Top notch communication and service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38423.jpg"},
|
||||
{ id: "t1", name: "Local Resident", handle: "@keota", testimonial: "Best service in Haskell County. Very reliable.", rating: 5 },
|
||||
{ id: "t2", name: "Happy Driver", handle: "@oklahoma", testimonial: "Fast response and reasonable pricing!", rating: 5 }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Satisfied Clients"
|
||||
description="See why your neighbors trust us with their local service needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How quickly can you respond?", content: "We aim to respond within 24 hours."},
|
||||
{
|
||||
id: "f2", title: "Do you offer free quotes?", content: "Yes, we provide estimates upon request."},
|
||||
{
|
||||
id: "f3", title: "Are you licensed?", content: "Yes, fully licensed and insured."},
|
||||
]}
|
||||
title="Commonly Asked Questions"
|
||||
description="We want to make everything as clear as possible."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Local Business Association", "Home Improvement Alliance", "City Safety Board", "Community Service Group", "Consumer Protection Union", "Service Excellence Council", "Regional Quality Trust"]}
|
||||
title="Trusted Partners & Community Awards"
|
||||
description="We are proud to be recognized by regional organizations."
|
||||
title="What Our Neighbors Say"
|
||||
description="See why residents trust Hutchinson & Wood."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Ready to Start?"
|
||||
title="Get a Free Estimate Today"
|
||||
description="Call us now or leave your details to get a free estimate."
|
||||
tag="Contact Us"
|
||||
title="Need Assistance Now?"
|
||||
description="Visit us at 21505 E1190 Rd, Keota, OK 74941 or give us a call for immediate help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 555-012-3456", href: "tel:5550123456"},
|
||||
{ text: "Call Now: (918) XXX-XXXX", href: "tel:9180000000" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -249,24 +139,10 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
logoText="LocalService"
|
||||
logoText="Hutchinson & Wood"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user