Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
254
src/app/page.tsx
254
src/app/page.tsx
@@ -32,66 +32,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Portfolio", id: "#products" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Home Town Curtains"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elegant Curtains & Quality Upholstery for Your Home"
|
||||
description="At Home Town Curtains & Upholstery, we transform spaces with bespoke window treatments and meticulous furniture restoration. Bring your vision to life today."
|
||||
tag="Expert Craftsmanship"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-near-widnow-fixing-curtains_259150-59510.jpg?_wi=1",
|
||||
imageAlt: "Custom curtain installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furniture-design-concept-with-fabric-swatches-sketches_23-2152014656.jpg?_wi=1",
|
||||
imageAlt: "Upholstery restoration in progress",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-view-hands-with-curtains-shadows-from-window_23-2149657504.jpg",
|
||||
imageAlt: "Creative view of hands with curtains",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-choosing-colors_23-2149721879.jpg",
|
||||
imageAlt: "High angle man choosing colors",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543693.jpg",
|
||||
imageAlt: "Still life of fashion designer office",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-near-widnow-fixing-curtains_259150-59510.jpg", imageAlt: "Custom curtain installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/furniture-design-concept-with-fabric-swatches-sketches_23-2152014656.jpg", imageAlt: "Upholstery restoration in progress" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -118,46 +79,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bespoke Window Treatments",
|
||||
description: "Custom measured and sewn curtains, drapes, and valances designed to perfectly fit your home.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-pretty-woman-walking-through-streets-old-city_158595-2775.jpg",
|
||||
imageAlt: "Curtain design services",
|
||||
},
|
||||
title: "Bespoke Window Treatments", description: "Custom measured and sewn curtains, drapes, and valances designed to perfectly fit your home.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-pretty-woman-walking-through-streets-old-city_158595-2775.jpg", imageAlt: "Curtain design services"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Premium Fabric Selection",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Professional Installation",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Premium Fabric Selection" },
|
||||
{ icon: CheckCircle, text: "Professional Installation" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-near-widnow-fixing-curtains_259150-59510.jpg?_wi=2",
|
||||
imageAlt: "custom curtain design measuring",
|
||||
},
|
||||
{
|
||||
title: "Expert Upholstery",
|
||||
description: "Revive your favorite furniture pieces with professional reupholstery services using durable, stylish fabrics.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-layers-background_53876-32120.jpg",
|
||||
imageAlt: "Upholstery work",
|
||||
},
|
||||
title: "Expert Upholstery", description: "Revive your favorite furniture pieces with professional reupholstery services using durable, stylish fabrics.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-layers-background_53876-32120.jpg", imageAlt: "Upholstery work"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Antique & Modern Restoration",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Custom Cushion Refilling",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Antique & Modern Restoration" },
|
||||
{ icon: CheckCircle, text: "Custom Cushion Refilling" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furniture-design-concept-with-fabric-swatches-sketches_23-2152014656.jpg?_wi=2",
|
||||
imageAlt: "custom curtain design measuring",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Services"
|
||||
@@ -172,48 +109,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Living Room Drapes",
|
||||
price: "Custom",
|
||||
variant: "Curtains",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curtain-with-sunlight_1339-4053.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Vintage Wingback Chair",
|
||||
price: "Custom",
|
||||
variant: "Upholstery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-room_1048-9901.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Custom Roman Shades",
|
||||
price: "Custom",
|
||||
variant: "Window",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-50.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Restored Dining Set",
|
||||
price: "Custom",
|
||||
variant: "Upholstery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-couch-living-beige-lounge_1203-6323.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Blackout Bedroom Panels",
|
||||
price: "Custom",
|
||||
variant: "Curtains",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-10266.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Upholstered Ottoman",
|
||||
price: "Custom",
|
||||
variant: "Upholstery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-stands-with-bouquet-hanging-laundry-room_8353-7845.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Living Room Drapes", price: "Custom", variant: "Curtains", imageSrc: "http://img.b2bpic.net/free-photo/curtain-with-sunlight_1339-4053.jpg" },
|
||||
{ id: "p2", name: "Vintage Wingback Chair", price: "Custom", variant: "Upholstery", imageSrc: "http://img.b2bpic.net/free-photo/empty-room_1048-9901.jpg" },
|
||||
{ id: "p3", name: "Custom Roman Shades", price: "Custom", variant: "Window", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-50.jpg" },
|
||||
{ id: "p4", name: "Restored Dining Set", price: "Custom", variant: "Upholstery", imageSrc: "http://img.b2bpic.net/free-photo/house-couch-living-beige-lounge_1203-6323.jpg" },
|
||||
{ id: "p5", name: "Blackout Bedroom Panels", price: "Custom", variant: "Curtains", imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-10266.jpg" },
|
||||
{ id: "p6", name: "Classic Upholstered Ottoman", price: "Custom", variant: "Upholstery", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-stands-with-bouquet-hanging-laundry-room_8353-7845.jpg" },
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Take a look at some of the recent transformations we've completed for our clients."
|
||||
@@ -226,21 +127,9 @@ export default function LandingPage() {
|
||||
title="Proven Quality"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "30+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1500+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5000+",
|
||||
description: "Curtains Created",
|
||||
},
|
||||
{ id: "m1", value: "30+", description: "Years of Experience" },
|
||||
{ id: "m2", value: "1500+", description: "Happy Clients" },
|
||||
{ id: "m3", value: "5000+", description: "Curtains Created" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -253,26 +142,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-glasses_23-2149927582.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-couch_23-2148751504.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg",
|
||||
alt: "Emma",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-talking-mobile-phone_171337-3992.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
|
||||
alt: "Lisa",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-glasses_23-2149927582.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-sitting-couch_23-2148751504.jpg", alt: "Mark" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg", alt: "Emma" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-talking-mobile-phone_171337-3992.jpg", alt: "John" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg", alt: "Lisa" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -283,21 +157,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a project take?",
|
||||
content: "Depending on complexity, standard curtain orders take 2-3 weeks, while upholstery projects take 3-5 weeks.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer in-home consultations?",
|
||||
content: "Yes, we offer free in-home measurements and fabric consultations within 20 miles of our shop.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you handle antique furniture?",
|
||||
content: "Absolutely! We specialize in restoring antique pieces while maintaining their historical character and integrity.",
|
||||
},
|
||||
{ id: "f1", title: "How long does a project take?", content: "Depending on complexity, standard curtain orders take 2-3 weeks, while upholstery projects take 3-5 weeks." },
|
||||
{ id: "f2", title: "Do you offer in-home consultations?", content: "Yes, we offer free in-home measurements and fabric consultations within 20 miles of our shop." },
|
||||
{ id: "f3", title: "Can you handle antique furniture?", content: "Absolutely! We specialize in restoring antique pieces while maintaining their historical character and integrity." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need more help? Our team is always happy to answer your specific queries."
|
||||
@@ -311,24 +173,10 @@ export default function LandingPage() {
|
||||
title="Start Your Project Today"
|
||||
description="Ready to transform your home? Fill out the form below, and we will get back to you within 24 hours."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647268.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -337,29 +185,15 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Custom Curtains",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Upholstery",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Custom Curtains", href: "#features" },
|
||||
{ label: "Upholstery", href: "#features" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user