Update src/app/page.tsx
This commit is contained in:
347
src/app/page.tsx
347
src/app/page.tsx
@@ -13,262 +13,113 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "collection",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="SAAB studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collection", id: "collection" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="SAAB studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Illuminating Design"
|
||||
description="SAAB studio presents a curated collection of aesthetic 3D-printed lamps. Sculpted for the modern home."
|
||||
tag="Luxury 3D Printed Collection"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919412.jpg",
|
||||
imageAlt: "SAAB Studio Lamp 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-collection-medicine_23-2148529788.jpg",
|
||||
imageAlt: "SAAB Studio Lamp Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-white-wall_74190-3549.jpg?_wi=1",
|
||||
imageAlt: "Luna D Lamp",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-swan-sculpture_23-2151003019.jpg?_wi=1",
|
||||
imageAlt: "Luna Floor Lamp",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-bedside-accessories-lamp-fabric_1203-4649.jpg?_wi=1",
|
||||
imageAlt: "SAAB Special Edition",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by over 300+ design enthusiasts worldwide."
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Illuminating Design"
|
||||
description="SAAB studio presents a curated collection of aesthetic 3D-printed lamps. Sculpted for the modern home."
|
||||
tag="Luxury 3D Printed Collection"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919412.jpg", imageAlt: "SAAB Studio Lamp 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-collection-medicine_23-2148529788.jpg", imageAlt: "SAAB Studio Lamp Detail" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by over 300+ design enthusiasts worldwide."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Art of SAAB"
|
||||
description="We design and create our lamps from scratch, each piece uniquely crafted with a story. By using plant-based renewable materials and advanced 3D printing, we ensure sustainability meets high-end luxury design."
|
||||
metrics={[
|
||||
{
|
||||
value: "347+",
|
||||
title: "Lamps Sold Worldwide",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Renewable Materials",
|
||||
},
|
||||
{
|
||||
value: "Unique",
|
||||
title: "Artistic Sculptures",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2150942072.jpg"
|
||||
imageAlt="Designer at work"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Art of SAAB"
|
||||
description="We design and create our lamps from scratch, each piece uniquely crafted with a story. By using plant-based renewable materials and advanced 3D printing, we ensure sustainability meets high-end luxury design."
|
||||
metrics={[
|
||||
{ value: "347+", title: "Lamps Sold Worldwide" },
|
||||
{ value: "100%", title: "Renewable Materials" },
|
||||
{ value: "Unique", title: "Artistic Sculptures" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2150942072.jpg"
|
||||
imageAlt="Designer at work"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Luna D - Short",
|
||||
price: "$129",
|
||||
variant: "Black Base",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-white-wall_74190-3549.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kosha Lamp",
|
||||
price: "$189",
|
||||
variant: "Black Base",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037516.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Luna Lamp",
|
||||
price: "$159",
|
||||
variant: "Black Base",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-swan-sculpture_23-2151003019.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kasako Lamp",
|
||||
price: "$219",
|
||||
variant: "Black Base",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928973.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Wuky Lamp",
|
||||
price: "$199",
|
||||
variant: "Black Base",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-light-lamp-design_23-2151153893.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "SAAB Special",
|
||||
price: "$249",
|
||||
variant: "Black Base",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-bedside-accessories-lamp-fabric_1203-4649.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Curated Collection"
|
||||
description="Explore distinct shapes and patterns designed to elevate your living space."
|
||||
/>
|
||||
</div>
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Luna D - Short", price: "$129", variant: "Black Base", imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-white-wall_74190-3549.jpg" },
|
||||
{ id: "2", name: "Kosha Lamp", price: "$189", variant: "Black Base", imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037516.jpg" },
|
||||
{ id: "3", name: "Luna Lamp", price: "$159", variant: "Black Base", imageSrc: "http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-swan-sculpture_23-2151003019.jpg" }
|
||||
]}
|
||||
title="Curated Collection"
|
||||
description="Explore distinct shapes and patterns designed to elevate your living space."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Stunning Piece",
|
||||
quote: "The texture and quality of the 3D print are unmatched. Truly a luxury item.",
|
||||
name: "Sarah L.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-woman-holding-mobile-phone-looking-away-while-standing-room-brunette-girl-reads-love-message-personal-chat-with-smile-her-face-concept-enjoying-moment_197531-32272.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Minimalist Perfection",
|
||||
quote: "Fits my office space perfectly. The transparency is beautiful under light.",
|
||||
name: "Michael R.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646565.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Best Purchase",
|
||||
quote: "I love the story behind the lamp. It's more than just decor, it's art.",
|
||||
name: "Emily C.",
|
||||
role: "Art Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-sofa-jacket-suit-new-feminity-concept_23-2148951030.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Sustainable Luxury",
|
||||
quote: "So glad I found a brand that prioritizes both aesthetics and the environment.",
|
||||
name: "David W.",
|
||||
role: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-photorealistic-lamp-design_23-2151039026.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Great Focus",
|
||||
quote: "My SAAB lamp is the centerpiece of my home. Simply breathtaking.",
|
||||
name: "Jessica M.",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-home-decor-vase-with-dried-flowers-wooden-table_23-2152019261.jpg",
|
||||
},
|
||||
]}
|
||||
title="Reviews"
|
||||
description="Customer feedback on our designs as of March 2026."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Stunning Piece", quote: "The texture and quality of the 3D print are unmatched. Truly a luxury item.", name: "Sarah L.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-woman-holding-mobile-phone-looking-away-while-standing-room-brunette-girl-reads-love-message-personal-chat-with-smile-her-face-concept-enjoying-moment_197531-32272.jpg" },
|
||||
{ id: "2", title: "Minimalist Perfection", quote: "Fits my office space perfectly. The transparency is beautiful under light.", name: "Michael R.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646565.jpg" }
|
||||
]}
|
||||
title="Reviews"
|
||||
description="Customer feedback on our designs as of March 2026."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Keep In Touch"
|
||||
title="Join our Community"
|
||||
description="Subscribe for exclusive updates on new releases and limited edition drops."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Keep In Touch"
|
||||
title="Join our Community"
|
||||
description="Subscribe for exclusive updates on new releases and limited edition drops."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="SAAB studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Lamps",
|
||||
href: "#collection",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="SAAB studio"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Lamps", href: "#collection" }, { label: "New Arrivals", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Support", items: [{ label: "Shipping & Returns", href: "#" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user