Merge version_2 into main #1
174
src/app/page.tsx
174
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Craft",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Craft", id: "about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aura Leather"
|
||||
/>
|
||||
@@ -57,15 +47,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Timeless Elegance, Crafted by Hand."
|
||||
description="Discover our collection of artisanal leather handbags, where heritage craftsmanship meets contemporary design."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop the Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop the Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-wallet_53876-32029.jpg"
|
||||
imageAlt="Artisan leather handbag showcase"
|
||||
@@ -77,14 +64,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Legacy of Fine Craftsmanship",
|
||||
},
|
||||
type: "text", content: "Our Legacy of Fine Craftsmanship"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-creates-leather-ware_1157-34006.jpg",
|
||||
alt: "Leather artisan at work",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/man-creates-leather-ware_1157-34006.jpg", alt: "Leather artisan at work"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,41 +79,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Tote",
|
||||
price: "$295",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-macro-shot_1385-1271.jpg",
|
||||
},
|
||||
id: "1", name: "Classic Tote", price: "$295", imageSrc: "http://img.b2bpic.net/free-photo/leather-macro-shot_1385-1271.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Midnight Clutch",
|
||||
price: "$185",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046449.jpg",
|
||||
},
|
||||
id: "2", name: "Midnight Clutch", price: "$185", imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046449.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Urban Crossbody",
|
||||
price: "$240",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073528.jpg",
|
||||
},
|
||||
id: "3", name: "Urban Crossbody", price: "$240", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073528.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Forest Satchel",
|
||||
price: "$310",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-women-s-accessories-bag-scarf-trendy-color-white-background-color-2022-very-peri-top-view_127032-2317.jpg",
|
||||
},
|
||||
id: "4", name: "Forest Satchel", price: "$310", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-women-s-accessories-bag-scarf-trendy-color-white-background-color-2022-very-peri-top-view_127032-2317.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Executive Brief",
|
||||
price: "$350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1303-5889.jpg",
|
||||
},
|
||||
id: "5", name: "Executive Brief", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1303-5889.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Heritage Backpack",
|
||||
price: "$380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-cute-brunette-woman-model-casual-summer-clothes-with-no-makeup-isolated-gray_158538-14853.jpg",
|
||||
},
|
||||
id: "6", name: "Heritage Backpack", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-cute-brunette-woman-model-casual-summer-clothes-with-no-makeup-isolated-gray_158538-14853.jpg"},
|
||||
]}
|
||||
title="The Artisan Collection"
|
||||
description="Exquisitely designed leather bags that stand the test of time."
|
||||
@@ -144,48 +102,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Simply stunning",
|
||||
quote: "The leather quality is unparalleled. Absolutely love my new tote.",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-photo-herself-with-smiling-face_1157-2008.jpg",
|
||||
},
|
||||
id: "1", title: "Exquisite Quality", quote: "The texture and smell of the leather are divine. My tote feels like it will last a lifetime.", name: "Elena V.", role: "Interior Designer", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-photo-herself-with-smiling-face_1157-2008.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Worth every penny",
|
||||
quote: "Beautifully crafted and smells like authentic, premium leather.",
|
||||
name: "Marcus L.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-woman-stylish-clothes-glasses-with-handbag-standing-against-skyscraper_613910-18667.jpg",
|
||||
},
|
||||
id: "2", title: "Perfect Craftsmanship", quote: "The stitching on my crossbody is flawless. Truly artisanal work.", name: "Marcus P.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-woman-stylish-clothes-glasses-with-handbag-standing-against-skyscraper_613910-18667.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "A true heirloom",
|
||||
quote: "I've owned many designer bags, but this has a unique, rustic charm.",
|
||||
name: "Elena R.",
|
||||
role: "Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-curly-hair-warmly-dressed-fur-coat-scarf-winter-frost-sunny-day-street-city_1321-2321.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Outstanding design",
|
||||
quote: "Functional yet elegant. The perfect accessory for every occasion.",
|
||||
name: "David W.",
|
||||
role: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-using-phone_1303-25328.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Timeless piece",
|
||||
quote: "Exceeded all expectations. The stitching and texture are perfect.",
|
||||
name: "Sophia B.",
|
||||
role: "Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-mobile-phone_158595-980.jpg",
|
||||
},
|
||||
id: "3", title: "Everyday Luxury", quote: "I carry the midnight clutch to all my meetings. It’s professional yet stylish.", name: "Julianne R.", role: "Brand Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-curly-hair-warmly-dressed-fur-coat-scarf-winter-frost-sunny-day-street-city_1321-2321.jpg"}
|
||||
]}
|
||||
title="Stories of Craft & Style"
|
||||
description="What our discerning clients have to say about their experience."
|
||||
description="Hear from our valued customers about the quality and elegance of their Aura Leather pieces."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -195,27 +119,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship our leather products worldwide.",
|
||||
},
|
||||
id: "q1", title: "How do I maintain my leather handbag?", content: "We recommend using a specialized leather conditioner once every six months to keep the material supple and protected."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I care for my leather bag?",
|
||||
content: "We recommend conditioning your bag every 6 months.",
|
||||
},
|
||||
id: "q2", title: "Do you accept custom commissions?", content: "Yes! We take a limited number of bespoke orders per month. Contact our team to discuss your custom design."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your leather sources ethical?",
|
||||
content: "We source leather exclusively from certified suppliers.",
|
||||
},
|
||||
id: "q3", title: "Where are your leathers sourced?", content: "Our hides are ethically sourced from certified tanneries in Tuscany, Italy, focusing on sustainable practices."},
|
||||
]}
|
||||
ctaTitle="Interested in Custom Orders?"
|
||||
ctaDescription="Have questions about our leather or bespoke services? We're here to help."
|
||||
ctaTitle="Connect with Our Studio"
|
||||
ctaDescription="Whether you have questions, need product support, or want to discuss a custom design inquiry, we're ready to assist."
|
||||
ctaButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@auraleather.com",
|
||||
}}
|
||||
text: "Get in Touch", href: "mailto:support@auraleather.com"}}
|
||||
ctaIcon={Mail}
|
||||
/>
|
||||
</div>
|
||||
@@ -224,49 +137,34 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "The Collection", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Bespoke Services", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Studio", items: [
|
||||
{
|
||||
label: "Our Craft",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pinterest", href: "https://pinterest.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Aura Leather Studio. All rights reserved."
|
||||
copyrightText="© 2024 Aura Leather Studio. Handcrafted in Milan."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user