bender/30599e9b-68d3-404d-ad4f-4df9aae4b09e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-12 08:36:09 +00:00
parent 356c6fbf25 65e61c6ddd
commit 8d60a3b669
1 changed files with 140 additions and 344 deletions
Download Patch File Download Diff File Expand all files Collapse all files

484
src/app/page.tsx
View File

@@ -16,361 +16,157 @@ import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="medium"
sizing="medium" sizing="medium"
background="grid" background="grid"
cardStyle="gradient-radial" cardStyle="gradient-radial"
primaryButtonStyle="radial-glow" primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="light" headingFontWeight="light"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "About", id: "about" },
name: "About", { name: "Services", id: "features" },
id: "about", { name: "Reviews", id: "testimonials" },
}, { name: "Contact", id: "contact" }
{ ]}
name: "Services", brandName="Home Town Curtains"
id: "features", />
}, </div>
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Home Town Curtains"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlayTestimonial <HeroOverlayTestimonial
title="Craftsmanship for Your Home" title="Craftsmanship for Your Home"
description="Exquisite custom curtains and expert upholstery services for your living space. Bringing comfort and elegance to local homes." description="Exquisite custom curtains and expert upholstery services for your living space. Bringing comfort and elegance to local homes."
testimonials={[ testimonials={[
{ { name: "Maria G.", handle: "Local Resident", testimonial: "Transformed my living room completely. Stunning craftsmanship.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-restoring-wooden-chair-front-view_23-2150062478.jpg", imageAlt: "elegant curtain fabric close up" },
name: "Maria G.", { name: "John D.", handle: "Interior Design", testimonial: "Excellent attention to detail on the upholstery work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tools-sewing-clothes-woman-glasses-seamstress-with-centimeter-clothes_1157-46471.jpg", imageAlt: "elegant curtain fabric close up" },
handle: "Local Resident", { name: "Sarah L.", handle: "Homeowner", testimonial: "The curtains are exquisite and perfectly fitted.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/set-grey-dense-fabrics-uniform-texture-choice-materials-grey-colors_169016-15720.jpg", imageAlt: "elegant curtain fabric close up" },
testimonial: "Transformed my living room completely. Stunning craftsmanship.", { name: "Michael B.", handle: "Business Client", testimonial: "Professional, efficient, and high quality results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-restoring-wooden-chair-side-view_23-2150062465.jpg", imageAlt: "elegant curtain fabric close up" },
rating: 5, { name: "Elena P.", handle: "Local Interior Designer", testimonial: "Consistent, beautiful work every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/window-sill-with-interior-plants-brown-pots-inside-room_181624-5901.jpg", imageAlt: "elegant curtain fabric close up" }
imageSrc: "http://img.b2bpic.net/free-photo/woman-restoring-wooden-chair-front-view_23-2150062478.jpg?_wi=1", ]}
imageAlt: "elegant curtain fabric close up", imageSrc="http://img.b2bpic.net/free-photo/woman-restoring-wooden-chair-front-view_23-2150062478.jpg"
}, imageAlt="elegant curtain fabric close up"
{ avatars={[
name: "John D.", { src: "http://img.b2bpic.net/free-photo/side-view-tailor-cutting-fabric_23-2148827135.jpg", alt: "Side view tailor cutting a fabric" },
handle: "Interior Design", { src: "http://img.b2bpic.net/free-photo/work-cobbler_1098-13140.jpg", alt: "Work of cobbler" },
testimonial: "Excellent attention to detail on the upholstery work.", { src: "http://img.b2bpic.net/free-photo/clay-creativity_1098-16362.jpg", alt: "Clay creativity" },
rating: 5, { src: "http://img.b2bpic.net/free-photo/front-view-tailor-cutting-fabric_23-2148827134.jpg", alt: "Front view tailor cutting a fabric" },
imageSrc: "http://img.b2bpic.net/free-photo/tools-sewing-clothes-woman-glasses-seamstress-with-centimeter-clothes_1157-46471.jpg", { src: "http://img.b2bpic.net/free-photo/woman-restoring-wooden-chair-front-view_23-2150062478.jpg", alt: "elegant curtain fabric close up" }
imageAlt: "elegant curtain fabric close up", ]}
}, avatarText="Trusted by over 1,500 happy local families"
{ />
name: "Sarah L.", </div>
handle: "Homeowner",
testimonial: "The curtains are exquisite and perfectly fitted.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/set-grey-dense-fabrics-uniform-texture-choice-materials-grey-colors_169016-15720.jpg?_wi=1",
imageAlt: "elegant curtain fabric close up",
},
{
name: "Michael B.",
handle: "Business Client",
testimonial: "Professional, efficient, and high quality results.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-restoring-wooden-chair-side-view_23-2150062465.jpg?_wi=1",
imageAlt: "elegant curtain fabric close up",
},
{
name: "Elena P.",
handle: "Local Interior Designer",
testimonial: "Consistent, beautiful work every single time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/window-sill-with-interior-plants-brown-pots-inside-room_181624-5901.jpg?_wi=1",
imageAlt: "elegant curtain fabric close up",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-restoring-wooden-chair-front-view_23-2150062478.jpg?_wi=2"
imageAlt="elegant curtain fabric close up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/side-view-tailor-cutting-fabric_23-2148827135.jpg",
alt: "Side view tailor cutting a fabric",
},
{
src: "http://img.b2bpic.net/free-photo/work-cobbler_1098-13140.jpg",
alt: "Work of cobbler",
},
{
src: "http://img.b2bpic.net/free-photo/clay-creativity_1098-16362.jpg",
alt: "Clay creativity",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-tailor-cutting-fabric_23-2148827134.jpg",
alt: "Front view tailor cutting a fabric",
},
{
src: "http://img.b2bpic.net/free-photo/woman-restoring-wooden-chair-front-view_23-2150062478.jpg",
alt: "elegant curtain fabric close up",
},
]}
avatarText="Trusted by over 1,500 happy local families"
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <TextAbout
useInvertedBackground={true} useInvertedBackground={true}
title="Serving our Community for Over 20 Years" title="Serving our Community for Over 20 Years"
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentyFour <FeatureCardTwentyFour
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { id: "s1", title: "Custom Curtains", author: "Tailored Solutions", description: "Beautiful drapery customized to fit any window size.", tags: ["Curtains", "Design"], imageSrc: "http://img.b2bpic.net/free-photo/set-grey-dense-fabrics-uniform-texture-choice-materials-grey-colors_169016-15720.jpg" },
id: "s1", { id: "s2", title: "Upholstery", author: "Restoration", description: "Breathing new life into your cherished antique furniture.", tags: ["Furniture", "Craft"], imageSrc: "http://img.b2bpic.net/free-photo/woman-restoring-wooden-chair-side-view_23-2150062465.jpg" },
title: "Custom Curtains", { id: "s3", title: "Roman Blinds", author: "Window Focus", description: "Elegant and functional window blinds for modern homes.", tags: ["Blinds", "Windows"], imageSrc: "http://img.b2bpic.net/free-photo/window-sill-with-interior-plants-brown-pots-inside-room_181624-5901.jpg" }
author: "Tailored Solutions", ]}
description: "Beautiful drapery customized to fit any window size.", title="Our Expert Services"
tags: [ description="From custom window treatments to full furniture restoration."
"Curtains", />
"Design", </div>
],
imageSrc: "http://img.b2bpic.net/free-photo/set-grey-dense-fabrics-uniform-texture-choice-materials-grey-colors_169016-15720.jpg?_wi=2",
},
{
id: "s2",
title: "Upholstery",
author: "Restoration",
description: "Breathing new life into your cherished antique furniture.",
tags: [
"Furniture",
"Craft",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-restoring-wooden-chair-side-view_23-2150062465.jpg?_wi=2",
},
{
id: "s3",
title: "Roman Blinds",
author: "Window Focus",
description: "Elegant and functional window blinds for modern homes.",
tags: [
"Blinds",
"Windows",
],
imageSrc: "http://img.b2bpic.net/free-photo/window-sill-with-interior-plants-brown-pots-inside-room_181624-5901.jpg?_wi=2",
},
]}
title="Our Expert Services"
description="From custom window treatments to full furniture restoration."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwo <TestimonialCardTwo
textboxLayout="split" animationType="slide-up"
useInvertedBackground={true} textboxLayout="split"
testimonials={[ useInvertedBackground={true}
{ testimonials={[
id: "t1", { id: "t1", name: "Maria G.", role: "Homeowner", testimonial: "Best service in town!", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-woman-talking-old-telephone_23-2148515948.jpg" },
name: "Maria G.", { id: "t2", name: "John D.", role: "Business Owner", testimonial: "Top tier quality and speed.", imageSrc: "http://img.b2bpic.net/free-photo/couple-choosing-fabric-furniture-store_1157-37474.jpg" },
role: "Homeowner", { id: "t3", name: "Linda K.", role: "Designer", testimonial: "My go-to for all projects.", imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25159.jpg" },
testimonial: "Best service in town!", { id: "t4", name: "Sam R.", role: "Architect", testimonial: "Incredible texture and finish.", imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-woman-talking-old-telephone_23-2148515948.jpg", { id: "t5", name: "Alex P.", role: "Homeowner", testimonial: "Super professional and kind.", imageSrc: "http://img.b2bpic.net/free-photo/family-home_1303-4770.jpg" }
}, ]}
{ title="Loved by Our Neighbors"
id: "t2", description="See why local homeowners choose us for their decor needs."
name: "John D.", />
role: "Business Owner", </div>
testimonial: "Top tier quality and speed.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-choosing-fabric-furniture-store_1157-37474.jpg",
},
{
id: "t3",
name: "Linda K.",
role: "Designer",
testimonial: "My go-to for all projects.",
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25159.jpg",
},
{
id: "t4",
name: "Sam R.",
role: "Architect",
testimonial: "Incredible texture and finish.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg",
},
{
id: "t5",
name: "Alex P.",
role: "Homeowner",
testimonial: "Super professional and kind.",
imageSrc: "http://img.b2bpic.net/free-photo/family-home_1303-4770.jpg",
},
]}
title="Loved by Our Neighbors"
description="See why local homeowners choose us for their decor needs."
/>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardSeven <MetricCardSeven
animationType="scale-rotate" animationType="scale-rotate"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", value: "1500+", title: "Happy Clients", items: ["Residential", "Commercial"] },
id: "m1", { id: "m2", value: "20", title: "Years Active", items: ["Local History", "Established"] },
value: "1500+", { id: "m3", value: "5000+", title: "Rooms Updated", items: ["Windows", "Furniture"] }
title: "Happy Clients", ]}
items: [ title="Our Impact in Numbers"
"Residential", description="Quality service metrics that speak for themselves."
"Commercial", />
], </div>
},
{
id: "m2",
value: "20",
title: "Years Active",
items: [
"Local History",
"Established",
],
},
{
id: "m3",
value: "5000+",
title: "Rooms Updated",
items: [
"Windows",
"Furniture",
],
},
]}
title="Our Impact in Numbers"
description="Quality service metrics that speak for themselves."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqDouble <FaqDouble
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ { id: "f1", title: "What is the turnaround time?", content: "Typically 2-3 weeks depending on the fabric stock." },
id: "f1", { id: "f2", title: "Do you provide estimates?", content: "Yes, we offer free home consultations for all major projects." },
title: "What is the turnaround time?", { id: "f3", title: "Do you handle pick up?", content: "We offer pick up and delivery services within the local area." }
content: "Typically 2-3 weeks depending on the fabric stock.", ]}
}, title="Common Questions"
{ description="Get answers about our processes and pricing."
id: "f2", faqsAnimation="blur-reveal"
title: "Do you provide estimates?", />
content: "Yes, we offer free home consultations for all major projects.", </div>
},
{
id: "f3",
title: "Do you handle pick up?",
content: "We offer pick up and delivery services within the local area.",
},
]}
title="Common Questions"
description="Get answers about our processes and pricing."
faqsAnimation="blur-reveal"
/>
</div>
<div id="social" data-section="social"> <div id="social" data-section="social">
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={["Fabric World", "Modern Interiors", "Textile Inc", "Design Hub", "Local Carpets", "Artisan Loom", "Quality Threads"]}
"Fabric World", title="Trusted Partners"
"Modern Interiors", description="Collaborating with local and international suppliers."
"Textile Inc", />
"Design Hub", </div>
"Local Carpets",
"Artisan Loom",
"Quality Threads",
]}
title="Trusted Partners"
description="Collaborating with local and international suppliers."
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={true} useInvertedBackground={true}
title="Book a Consultation" title="Book a Consultation"
description="Fill out the form to schedule a visit to your home." description="Fill out the form to schedule a visit to your home."
inputs={[ inputs={[
{ { name: "name", type: "text", placeholder: "Your Full Name", required: true },
name: "name", { name: "email", type: "email", placeholder: "Email Address", required: true }
type: "text", ]}
placeholder: "Your Full Name", textarea={{ name: "notes", placeholder: "Briefly describe your project...", rows: 4, required: true }}
required: true, imageSrc="http://img.b2bpic.net/free-photo/top-view-scissors-with-thread-copy-space_23-2148739394.jpg"
}, />
{ </div>
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
textarea={{
name: "notes",
placeholder: "Briefly describe your project...",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/top-view-scissors-with-thread-copy-space_23-2148739394.jpg"
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseReveal
logoText="Home Town Curtains" logoText="Home Town Curtains"
columns={[ columns={[
{ { title: "Links", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
title: "Links", { title: "Contact", items: [{ label: "Schedule", href: "#contact" }, { label: "Email", href: "#contact" }] }
items: [ ]}
{ copyrightText="© 2024 Home Town Curtains and Upholstery"
label: "About", />
href: "#about", </div>
},
{
label: "Services",
href: "#features",
},
],
},
{
title: "Contact",
items: [
{
label: "Schedule",
href: "#contact",
},
{
label: "Email",
href: "#contact",
},
],
},
]}
copyrightText="© 2024 Home Town Curtains and Upholstery"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );