Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
131
src/app/page.tsx
131
src/app/page.tsx
@@ -30,43 +30,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Artisanal"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Artisanal."
|
||||
description="Crafting timeless elegance for the modern home through curated, handmade excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "#products"},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Story", href: "#about"},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g410e538bf05b4b4219617c05ad674556120e54aedc2a40f6442dd63ae9958018e6ecf68772c2413cbc476a06673f0495b2b4059e7d6a81925f22c6a0a654d637_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -78,18 +62,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Tradition meets ",
|
||||
},
|
||||
type: "text", content: "Tradition meets "},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://pixabay.com/get/gdad584f62e600f1c76db01ea9b551d714b2d6745ddaef205581b726134e4015284130b2e13cb24eceb79ec96a123801554359bdb5dc9b04b17eb95e1c0040181_1280.jpg",
|
||||
alt: "About",
|
||||
},
|
||||
type: "image", src: "https://pixabay.com/get/gdad584f62e600f1c76db01ea9b551d714b2d6745ddaef205581b726134e4015284130b2e13cb24eceb79ec96a123801554359bdb5dc9b04b17eb95e1c0040181_1280.jpg", alt: "About"},
|
||||
{
|
||||
type: "text",
|
||||
content: " innovation.",
|
||||
},
|
||||
type: "text", content: " innovation."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,23 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Heritage Satchel",
|
||||
price: "$450",
|
||||
imageSrc: "https://pixabay.com/get/gecead750508f44a6fb602e8ea023ba6b0bb19423957024d3f9cde3504536856ff8dc7053118a0ff40b21f5914c44190796b11d1a3c9d88f2160c96200a49b693_1280.jpg",
|
||||
},
|
||||
id: "1", name: "Heritage Satchel", price: "$450", imageSrc: "https://pixabay.com/get/gecead750508f44a6fb602e8ea023ba6b0bb19423957024d3f9cde3504536856ff8dc7053118a0ff40b21f5914c44190796b11d1a3c9d88f2160c96200a49b693_1280.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Minimalist Vessel",
|
||||
price: "$180",
|
||||
imageSrc: "https://pixabay.com/get/g16d948afd86ab67bbc1692dd15c42f76bafa3bcdc5884111d5f3f2b5ce7fd1c722e697fb9e63fa4b20f9c5608dd09bae809e8f63628149977a2f6dda6d15153b_1280.jpg",
|
||||
},
|
||||
id: "2", name: "Minimalist Vessel", price: "$180", imageSrc: "https://pixabay.com/get/g16d948afd86ab67bbc1692dd15c42f76bafa3bcdc5884111d5f3f2b5ce7fd1c722e697fb9e63fa4b20f9c5608dd09bae809e8f63628149977a2f6dda6d15153b_1280.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Refined Journal",
|
||||
price: "$95",
|
||||
imageSrc: "https://pixabay.com/get/gb3d4d105357ffc2e10084ee7e665dd0bd1cad1d2c509365eb499a402e585082c150c9f55f4e3cae7f1b60bb2e6bed95c65c67cfbaee5347f8cf12a4ad096f6d6_1280.jpg",
|
||||
},
|
||||
id: "3", name: "Refined Journal", price: "$95", imageSrc: "https://pixabay.com/get/gb3d4d105357ffc2e10084ee7e665dd0bd1cad1d2c509365eb499a402e585082c150c9f55f4e3cae7f1b60bb2e6bed95c65c67cfbaee5347f8cf12a4ad096f6d6_1280.jpg"},
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="A curated selection of our finest handmade goods."
|
||||
@@ -133,19 +98,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Sustainable Sourcing",
|
||||
description: "We use ethically sourced materials.",
|
||||
},
|
||||
title: "Sustainable Sourcing", description: "We use ethically sourced materials."},
|
||||
{
|
||||
id: 2,
|
||||
title: "Handmade Quality",
|
||||
description: "Every item is crafted with precision.",
|
||||
},
|
||||
title: "Handmade Quality", description: "Every item is crafted with precision."},
|
||||
{
|
||||
id: 3,
|
||||
title: "Global Shipping",
|
||||
description: "Delivered to your door, anywhere.",
|
||||
},
|
||||
title: "Global Shipping", description: "Delivered to your door, anywhere."},
|
||||
]}
|
||||
title="Why Artisanal?"
|
||||
description="Quality in every stitch, fold, and finish."
|
||||
@@ -160,21 +119,13 @@ export default function LandingPage() {
|
||||
author="Elena R."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://pixabay.com/get/g3cc048c62c337a3e6bfcf99a79b7d06bb369feae1200b0a7cfc3a771c81616f898336a9b4bc436c4a1f293ab7877cdb04c2961b2de9cb6498e267d59bd5023c3_1280.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
src: "https://pixabay.com/get/g3cc048c62c337a3e6bfcf99a79b7d06bb369feae1200b0a7cfc3a771c81616f898336a9b4bc436c4a1f293ab7877cdb04c2961b2de9cb6498e267d59bd5023c3_1280.jpg", alt: "Elena"},
|
||||
{
|
||||
src: "https://pixabay.com/get/g6b4cbf36f28cb44f9d9e4b38dbfa1f208dbe9448d73b2155920233260e9c0518ae7f03c8fb9cfc8c553bbbd231208f1d706dbd1cc564c396748034b781b684c7_1280.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
src: "https://pixabay.com/get/g6b4cbf36f28cb44f9d9e4b38dbfa1f208dbe9448d73b2155920233260e9c0518ae7f03c8fb9cfc8c553bbbd231208f1d706dbd1cc564c396748034b781b684c7_1280.jpg", alt: "Mark"},
|
||||
{
|
||||
src: "https://pixabay.com/get/gf3a56a66fdaf7003e0fb46d085447708d4194d2c9274140c0bbe7a1a26a8cb85a83364f0aa03f5b5e262dfa5dfc0cc1b3ff9a19e38162e1fa48540592ea5105c_1280.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "https://pixabay.com/get/gf3a56a66fdaf7003e0fb46d085447708d4194d2c9274140c0bbe7a1a26a8cb85a83364f0aa03f5b5e262dfa5dfc0cc1b3ff9a19e38162e1fa48540592ea5105c_1280.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "https://pixabay.com/get/ga15587ba56ad344985354639f081f00ec552a1c65ca61a3fd51abafb04abdde1a9a242a04baa9072dbf8976a5b24e772334527680d351ce749bd22fdb8b959ed_1280.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
src: "https://pixabay.com/get/ga15587ba56ad344985354639f081f00ec552a1c65ca61a3fd51abafb04abdde1a9a242a04baa9072dbf8976a5b24e772334527680d351ce749bd22fdb8b959ed_1280.jpg", alt: "John"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -187,20 +138,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Shipping time?",
|
||||
content: "Typically 3-5 business days.",
|
||||
},
|
||||
id: "1", title: "Shipping time?", content: "Typically 3-5 business days."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Returns?",
|
||||
content: "30-day money-back guarantee.",
|
||||
},
|
||||
id: "2", title: "Returns?", content: "30-day money-back guarantee."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Custom orders?",
|
||||
content: "Yes, we do bespoke projects.",
|
||||
},
|
||||
id: "3", title: "Custom orders?", content: "Yes, we do bespoke projects."},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/gd569ccdcf00b169739cdd8ab3fe0ee843d6a1397d7e634ac7f2f3f92d734ea215140f45eb8b51a5c4fed44e9c121d14719a74a0a3218d972030b3cbad4f7b1e7_1280.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -214,8 +156,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Join our journey"
|
||||
description="Get exclusive updates on new collections."
|
||||
@@ -226,29 +167,19 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user