Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5a428c71ef | |||
| 566952c4af | |||
| b006971d4e | |||
| 8b18733160 |
250
src/app/page.tsx
250
src/app/page.tsx
@@ -31,79 +31,50 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
]}
|
||||
brandName="Totem Lake Shoe Repair"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Totem Lake Shoe Repair"
|
||||
description="Luxury craftsmanship. Family-owned care. Trusted by the community for over 35 years."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/talented-cobbler-is-working-pair-black-men-s-shoes-his-workshop_613910-3817.jpg",
|
||||
alt: "Skilled Craftsman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/talented-cobbler-is-working-pair-black-men-s-shoes-his-workshop_613910-3817.jpg", alt: "Skilled Craftsman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-studio-creates-leather-ware_1157-33206.jpg",
|
||||
alt: "Shoe Repair Specialist",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-studio-creates-leather-ware_1157-33206.jpg", alt: "Shoe Repair Specialist"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-choosing-foot-wear-mens-store_1303-30827.jpg",
|
||||
alt: "Leather Artisan",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-choosing-foot-wear-mens-store_1303-30827.jpg", alt: "Leather Artisan"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451020.jpg",
|
||||
alt: "Master Cobbler",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451020.jpg", alt: "Master Cobbler"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Trusted by locals",
|
||||
},
|
||||
type: "text", text: "Trusted by locals"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Designer shoe specialists",
|
||||
},
|
||||
type: "text", text: "Designer shoe specialists"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Restorations that feel brand new",
|
||||
},
|
||||
type: "text", text: "Restorations that feel brand new"},
|
||||
]}
|
||||
showMarqueeCard={false}
|
||||
/>
|
||||
@@ -116,64 +87,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "service-1",
|
||||
label: "Footwear Care",
|
||||
title: "Luxury Shoe Repair",
|
||||
items: [
|
||||
"Sole & Heel Replacement",
|
||||
"Stitching & Patching",
|
||||
"Polishing & Conditioning",
|
||||
],
|
||||
id: "service-1", label: "Footwear Care", title: "Luxury Shoe Repair", items: [
|
||||
"Sole & Heel Replacement", "Stitching & Patching", "Polishing & Conditioning"],
|
||||
},
|
||||
{
|
||||
id: "service-2",
|
||||
label: "Boot Expertise",
|
||||
title: "Boot Resole & Restoration",
|
||||
items: [
|
||||
"Full Resoles",
|
||||
"Leather & Suede Restoration",
|
||||
"Waterproofing",
|
||||
],
|
||||
id: "service-2", label: "Boot Expertise", title: "Boot Resole & Restoration", items: [
|
||||
"Full Resoles", "Leather & Suede Restoration", "Waterproofing"],
|
||||
},
|
||||
{
|
||||
id: "service-3",
|
||||
label: "Designer Focus",
|
||||
title: "Designer Heel Repair",
|
||||
items: [
|
||||
"Heel Tip Replacement",
|
||||
"Structural Repair",
|
||||
"Color Matching",
|
||||
],
|
||||
id: "service-3", label: "Designer Focus", title: "Designer Heel Repair", items: [
|
||||
"Heel Tip Replacement", "Structural Repair", "Color Matching"],
|
||||
},
|
||||
{
|
||||
id: "service-4",
|
||||
label: "Accessories",
|
||||
title: "Leather Bag Repair",
|
||||
items: [
|
||||
"Strap Repair",
|
||||
"Zipper Replacement",
|
||||
"Lining Restoration",
|
||||
],
|
||||
id: "service-4", label: "Accessories", title: "Leather Bag Repair", items: [
|
||||
"Strap Repair", "Zipper Replacement", "Lining Restoration"],
|
||||
},
|
||||
{
|
||||
id: "service-5",
|
||||
label: "Custom Fitting",
|
||||
title: "Stretching & Fitting",
|
||||
items: [
|
||||
"Custom Stretching",
|
||||
"Arch Support Adjustment",
|
||||
"Comfort Modifications",
|
||||
],
|
||||
id: "service-5", label: "Custom Fitting", title: "Stretching & Fitting", items: [
|
||||
"Custom Stretching", "Arch Support Adjustment", "Comfort Modifications"],
|
||||
},
|
||||
{
|
||||
id: "service-6",
|
||||
label: "Personalization",
|
||||
title: "Custom Modifications",
|
||||
items: [
|
||||
"Hardware Replacement",
|
||||
"Dyeing Services",
|
||||
"Personalized Touches",
|
||||
],
|
||||
id: "service-6", label: "Personalization", title: "Custom Modifications", items: [
|
||||
"Hardware Replacement", "Dyeing Services", "Personalized Touches"],
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -188,19 +123,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years in Business",
|
||||
value: "35+",
|
||||
},
|
||||
label: "Years in Business", value: "35+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Customers",
|
||||
value: "1000s",
|
||||
},
|
||||
label: "Satisfied Customers", value: "1000s"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Items Restored",
|
||||
value: "Expert",
|
||||
},
|
||||
label: "Items Restored", value: "Expert"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -213,37 +142,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Local Resident",
|
||||
testimonial: "My boots came back looking brand new. Truly trusted by the community, their craftsmanship is unmatched!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-creative-young-hispanic-guy-steeple-fingers-while-makingup-great-plan-joke-lo_1258-110297.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Local Resident", testimonial: "My boots came back looking brand new. Truly trusted by the community, their craftsmanship is unmatched!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-creative-young-hispanic-guy-steeple-fingers-while-makingup-great-plan-joke-lo_1258-110297.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Fashion Enthusiast",
|
||||
testimonial: "I wholeheartedly trust them with my designer heels. The attention to detail and incredible craftsmanship are simply the best.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Fashion Enthusiast", testimonial: "I wholeheartedly trust them with my designer heels. The attention to detail and incredible craftsmanship are simply the best.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Business Owner",
|
||||
testimonial: "Family-owned, kind, and unbelievably skilled. They are my go-to forever for all my leather repair needs. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sign-language-concept_23-2148572467.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Business Owner", testimonial: "Family-owned, kind, and unbelievably skilled. They are my go-to forever for all my leather repair needs. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sign-language-concept_23-2148572467.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Regular Customer",
|
||||
testimonial: "I've brought multiple items here over the years, and every time, the results exceed expectations. They truly bring my favorites back to life!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-backpack_23-2149915917.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Regular Customer", testimonial: "I've brought multiple items here over the years, and every time, the results exceed expectations. They truly bring my favorites back to life!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-backpack_23-2149915917.jpg", imageAlt: "David Kim"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Hear directly from our valued customers about the quality and care we put into every repair."
|
||||
@@ -257,33 +162,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
metrics={[
|
||||
{
|
||||
id: "step-1",
|
||||
title: "Drop Off Your Item",
|
||||
subtitle: "Visit our workshop with your footwear or leather goods.",
|
||||
category: "Step",
|
||||
value: "01",
|
||||
},
|
||||
id: "step-1", title: "Drop Off Your Item", subtitle: "Visit our workshop with your footwear or leather goods.", category: "Step", value: "01"},
|
||||
{
|
||||
id: "step-2",
|
||||
title: "Expert Evaluation",
|
||||
subtitle: "Our craftsmen assess the damage and propose solutions.",
|
||||
category: "Step",
|
||||
value: "02",
|
||||
},
|
||||
id: "step-2", title: "Expert Evaluation", subtitle: "Our craftsmen assess the damage and propose solutions.", category: "Step", value: "02"},
|
||||
{
|
||||
id: "step-3",
|
||||
title: "Precision Craftsmanship",
|
||||
subtitle: "Dedicated care and traditional techniques are applied.",
|
||||
category: "Step",
|
||||
value: "03",
|
||||
},
|
||||
id: "step-3", title: "Precision Craftsmanship", subtitle: "Dedicated care and traditional techniques are applied.", category: "Step", value: "03"},
|
||||
{
|
||||
id: "step-4",
|
||||
title: "Pickup Like New",
|
||||
subtitle: "Collect your restored item, feeling and looking brand new.",
|
||||
category: "Step",
|
||||
value: "04",
|
||||
},
|
||||
id: "step-4", title: "Pickup Like New", subtitle: "Collect your restored item, feeling and looking brand new.", category: "Step", value: "04"},
|
||||
]}
|
||||
title="Our Process"
|
||||
description="Experience the meticulous journey your items take from worn to renewed, handled with expertise at every stage."
|
||||
@@ -294,15 +179,11 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to Restore?"
|
||||
title="Bring Your Favorites Back to Life"
|
||||
description="High-quality repairs take time—but the results are worth it. Visit us today to start the restoration process."
|
||||
inputPlaceholder="Your Email (optional)"
|
||||
buttonText="Visit Totem Lake Shoe Repair"
|
||||
termsText="By visiting, you agree to experience exceptional service."
|
||||
onSubmit={(email) => console.log(email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -310,62 +191,37 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Shoe Repair",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Shoe Repair", href: "#services"},
|
||||
{
|
||||
label: "Boot Restoration",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Boot Restoration", href: "#services"},
|
||||
{
|
||||
label: "Bag Repair",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Bag Repair", href: "#services"},
|
||||
{
|
||||
label: "Custom Work",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Custom Work", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#process",
|
||||
},
|
||||
label: "Our Process", href: "#process"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "Google Maps",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
label: "Google Maps", href: "https://maps.google.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user