Merge version_2 into main #1
157
src/app/page.tsx
157
src/app/page.tsx
@@ -18,7 +18,7 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="grid"
|
||||
background="none"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "collections",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Shop", id: "collections" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="5-Star Furniture"
|
||||
/>
|
||||
@@ -51,37 +39,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Furniture That Feels Like a 5-Star Experience"
|
||||
description="Premium quality. Honest pricing. Trusted by 2,000+ happy customers in Oak Lawn."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Modern Luxury Furniture Redefined"
|
||||
description="Experience the pinnacle of craftsmanship and timeless design, curated for the modern home."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.9⭐",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "2000+",
|
||||
label: "Customers",
|
||||
},
|
||||
{
|
||||
value: "Local",
|
||||
label: "Oak Lawn",
|
||||
},
|
||||
{ value: "Handcrafted", label: "Materials" },
|
||||
{ value: "5-Star", label: "Service" },
|
||||
{ value: "Exclusive", label: "Collection" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#collections",
|
||||
},
|
||||
{
|
||||
text: "Visit Showroom",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Gallery", href: "#collections" },
|
||||
{ text: "Inquire", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160124.jpg"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160124.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -90,95 +61,41 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Honest Pricing",
|
||||
tags: [
|
||||
"No Hidden Fees",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "No Pressure Sales",
|
||||
tags: [
|
||||
"Customer First",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Fast Delivery",
|
||||
tags: [
|
||||
"On-Time",
|
||||
],
|
||||
},
|
||||
{ id: "1", title: "Artisan Craftsmanship", tags: ["Sustainable", "Premium"] },
|
||||
{ id: "2", title: "Timeless Aesthetic", tags: ["Luxury", "Design"] },
|
||||
{ id: "3", title: "Tailored Service", tags: ["Bespoke", "White-Glove"] },
|
||||
]}
|
||||
title="Why Customers Choose 5-Star Furniture"
|
||||
description="Luxury feel without the big-box markup."
|
||||
title="The Essence of Modern Luxury"
|
||||
description="Where functionality meets refined elegance, creating spaces that inspire."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Christina R.",
|
||||
quote: "Amazing experience! Great quality furniture at prices way better than big box stores.",
|
||||
name: "Christina R.",
|
||||
role: "Happy Customer",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Mark D.",
|
||||
quote: "Friendly, helpful, and not pushy at all. Delivery was smooth and on time.",
|
||||
name: "Mark D.",
|
||||
role: "Happy Customer",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Elena S.",
|
||||
quote: "They helped me find exactly what I needed and made the experience enjoyable.",
|
||||
name: "Elena S.",
|
||||
role: "Happy Customer",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "James P.",
|
||||
quote: "Top-tier service and quality furniture. Highly recommended!",
|
||||
name: "James P.",
|
||||
role: "Happy Customer",
|
||||
},
|
||||
{ id: "1", title: "Elevated Living", quote: "The quality is unmatched. Truly a centerpiece for my living room.", name: "Julian V.", role: "Designer" },
|
||||
{ id: "2", title: "Exceptional Taste", quote: "Luxury redefined. Everything about the process was seamless.", name: "Sarah L.", role: "Architect" },
|
||||
]}
|
||||
title="Real Customers. Real Experiences."
|
||||
description="See why 2,000+ families trust us with their homes."
|
||||
title="Curated Experiences"
|
||||
description="Our commitment to excellence shines through every piece we deliver."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Store Hours",
|
||||
content: "Mon-Sat 10am-8pm, Sun 11am-6pm",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Delivery",
|
||||
content: "Fast & Reliable delivery across Oak Lawn.",
|
||||
},
|
||||
{ id: "1", title: "Consultation Services", content: "Schedule a private visit to our showroom for personalized styling guidance." },
|
||||
{ id: "2", title: "White Glove Delivery", content: "We provide comprehensive installation and setup for all luxury pieces." },
|
||||
]}
|
||||
ctaTitle="Visit Our Oak Lawn Showroom"
|
||||
ctaDescription="Experience quality service in person."
|
||||
ctaButton={{
|
||||
text: "Get Directions",
|
||||
}}
|
||||
ctaTitle="Inquire About Our Collection"
|
||||
ctaDescription="Begin your journey to a more refined interior space."
|
||||
ctaButton={{ text: "Contact Consultant" }}
|
||||
ctaIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
@@ -186,17 +103,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="5-Star Furniture"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Private Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f7f7f7;
|
||||
--foreground: #0E0E0E;
|
||||
--background: #0a0a0a;
|
||||
--card: #151515;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #D4AF37;
|
||||
--primary-cta-text: #0E0E0E;
|
||||
--secondary-cta: #0E0E0E;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #D4AF37;
|
||||
--background-accent: #F7F7F7;
|
||||
--background-accent: #262626;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user