Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
484
src/app/page.tsx
484
src/app/page.tsx
@@ -16,361 +16,157 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="medium"
|
||||
background="grid"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="grid"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Home Town Curtains"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Home Town Curtains"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Craftsmanship for Your Home"
|
||||
description="Exquisite custom curtains and expert upholstery services for your living space. Bringing comfort and elegance to local homes."
|
||||
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?_wi=1",
|
||||
imageAlt: "elegant curtain fabric close up",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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?_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="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Craftsmanship for Your Home"
|
||||
description="Exquisite custom curtains and expert upholstery services for your living space. Bringing comfort and elegance to local homes."
|
||||
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: "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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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"
|
||||
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">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Serving our Community for Over 20 Years"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Serving our Community for Over 20 Years"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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?_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="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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: "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" },
|
||||
{ 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" }
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="From custom window treatments to full furniture restoration."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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">
|
||||
<MetricCardSeven
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Happy Clients",
|
||||
items: [
|
||||
"Residential",
|
||||
"Commercial",
|
||||
],
|
||||
},
|
||||
{
|
||||
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="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "1500+", title: "Happy Clients", items: ["Residential", "Commercial"] },
|
||||
{ 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">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the turnaround time?",
|
||||
content: "Typically 2-3 weeks depending on the fabric stock.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we offer free home consultations for all major projects.",
|
||||
},
|
||||
{
|
||||
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="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What is the turnaround time?", content: "Typically 2-3 weeks depending on the fabric stock." },
|
||||
{ id: "f2", title: "Do you provide estimates?", content: "Yes, we offer free home consultations for all major projects." },
|
||||
{ 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">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Fabric World",
|
||||
"Modern Interiors",
|
||||
"Textile Inc",
|
||||
"Design Hub",
|
||||
"Local Carpets",
|
||||
"Artisan Loom",
|
||||
"Quality Threads",
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with local and international suppliers."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Fabric World", "Modern Interiors", "Textile Inc", "Design Hub", "Local Carpets", "Artisan Loom", "Quality Threads"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with local and international suppliers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Book a Consultation"
|
||||
description="Fill out the form to schedule a visit to your home."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
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="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Book a Consultation"
|
||||
description="Fill out the form to schedule a visit to your home."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
|
||||
{ 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">
|
||||
<FooterBaseReveal
|
||||
logoText="Home Town Curtains"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Schedule",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Home Town Curtains and Upholstery"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Home Town Curtains"
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Contact", items: [{ label: "Schedule", href: "#contact" }, { label: "Email", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Home Town Curtains and Upholstery"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user