Merge version_1 into main #2
168
src/app/page.tsx
168
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MODERN"
|
||||
/>
|
||||
@@ -56,20 +41,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Minimalism Redefined"
|
||||
description="Premium apparel designed for the modern individual. Quality, comfort, and sustainable style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g8acd66bfe8f29b6bad5cc82098ff56e83155517e924e362c425694500bb533d1d12a64d155597a7a6a6febb0540b063e1ddf227f9d51c7ec2666da7a0bb93ddf_1280.jpg?_wi=1"
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
imageSrc="https://pixabay.com/get/g8acd66bfe8f29b6bad5cc82098ff56e83155517e924e362c425694500bb533d1d12a64d155597a7a6a6febb0540b063e1ddf227f9d51c7ec2666da7a0bb93ddf_1280.jpg"
|
||||
imageAlt="Modern fashion apparel"
|
||||
videoSrc="https://pixabay.com/get/g8acd66bfe8f29b6bad5cc82098ff56e83155517e924e362c425694500bb533d1d12a64d155597a7a6a6febb0540b063e1ddf227f9d51c7ec2666da7a0bb93ddf_1280.jpg?_wi=2"
|
||||
videoSrc="https://pixabay.com/get/g8acd66bfe8f29b6bad5cc82098ff56e83155517e924e362c425694500bb533d1d12a64d155597a7a6a6febb0540b063e1ddf227f9d51c7ec2666da7a0bb93ddf_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -80,27 +58,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Essential Cotton Tee",
|
||||
price: "$45.00",
|
||||
imageSrc: "https://pixabay.com/get/ge2d82caf440abf05ddfbdef91860eb2dae1b5b7ca45d595dde06d6398904d59b8cf01de384233eb877df046377ada502cd3de08031b922037826094890954b01_1280.jpg?_wi=1",
|
||||
imageAlt: "Essential Cotton Tee",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban Fleece Hoodie",
|
||||
price: "$89.00",
|
||||
imageSrc: "https://pixabay.com/get/g66683e7df5ce65dc9127e723d0275dcfddf42ad878453158dae22af53dde4b876db559e006f1937c58787a40ebd4796a1c6ee63c9cf26ea1b9a7eaa995eb0d12_1280.jpg?_wi=1",
|
||||
imageAlt: "Urban Fleece Hoodie",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Denim Jacket",
|
||||
price: "$125.00",
|
||||
imageSrc: "https://pixabay.com/get/gbb7ee3aeaf646930065540070e9d6a0825bafabafd467724195b2fa11f7f56523dd4666eccda85594e677ac81718eb74c9246cb6c7878998bc3905935f0f11c2_1280.jpg?_wi=1",
|
||||
imageAlt: "Classic Denim Jacket",
|
||||
},
|
||||
{ id: "p1", name: "Essential Cotton Tee", price: "$45.00", imageSrc: "https://pixabay.com/get/ge2d82caf440abf05ddfbdef91860eb2dae1b5b7ca45d595dde06d6398904d59b8cf01de384233eb877df046377ada502cd3de08031b922037826094890954b01_1280.jpg", imageAlt: "Essential Cotton Tee" },
|
||||
{ id: "p2", name: "Urban Fleece Hoodie", price: "$89.00", imageSrc: "https://pixabay.com/get/g66683e7df5ce65dc9127e723d0275dcfddf42ad878453158dae22af53dde4b876db559e006f1937c58787a40ebd4796a1c6ee63c9cf26ea1b9a7eaa995eb0d12_1280.jpg", imageAlt: "Urban Fleece Hoodie" },
|
||||
{ id: "p3", name: "Classic Denim Jacket", price: "$125.00", imageSrc: "https://pixabay.com/get/gbb7ee3aeaf646930065540070e9d6a0825bafabafd467724195b2fa11f7f56523dd4666eccda85594e677ac81718eb74c9246cb6c7878998bc3905935f0f11c2_1280.jpg", imageAlt: "Classic Denim Jacket" }
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Discover our latest essentials."
|
||||
@@ -115,10 +75,8 @@ export default function LandingPage() {
|
||||
description="We believe in clothing that bridges the gap between high-fashion aesthetics and everyday practicality. Each piece is crafted with care using ethically sourced fabrics that stand the test of time."
|
||||
subdescription="Join our community and wear your values with pride."
|
||||
icon={Sparkles}
|
||||
imageSrc="https://pixabay.com/get/g74be4cfcf86294ddc64ef8e85481bd08425c0b9dcdfc73f2d41d7b07aad7fbdfc8ca3878f1a4c378462a21dadc2dabbd0bcca7c30e800fe3cd627774549ea388_1280.jpg?_wi=1"
|
||||
imageAlt="Designer at work"
|
||||
videoSrc="https://pixabay.com/get/g74be4cfcf86294ddc64ef8e85481bd08425c0b9dcdfc73f2d41d7b07aad7fbdfc8ca3878f1a4c378462a21dadc2dabbd0bcca7c30e800fe3cd627774549ea388_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
videoSrc="https://pixabay.com/get/g74be4cfcf86294ddc64ef8e85481bd08425c0b9dcdfc73f2d41d7b07aad7fbdfc8ca3878f1a4c378462a21dadc2dabbd0bcca7c30e800fe3cd627774549ea388_1280.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,61 +85,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
date: "2024-05-12",
|
||||
title: "Style Editor",
|
||||
quote: "The most comfortable tee I have ever owned. Truly elevates my everyday wardrobe.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "https://pixabay.com/get/ge2a6c1e29f74c52934374485c7a43b003540836304c8c72b13df1c0eab6bc4f24fdc7d3cadc37d8534ed5a79e539c3500f6deefc4330eb5ade0d6c7fc47ea691_1280.png",
|
||||
imageSrc: "https://pixabay.com/get/g8acd66bfe8f29b6bad5cc82098ff56e83155517e924e362c425694500bb533d1d12a64d155597a7a6a6febb0540b063e1ddf227f9d51c7ec2666da7a0bb93ddf_1280.jpg?_wi=3",
|
||||
imageAlt: "modern fashion photography outdoor urban",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie Lee",
|
||||
date: "2024-06-01",
|
||||
title: "Creative Director",
|
||||
quote: "Minimalist design that doesn't compromise on quality. Absolutely love the hoodie.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "https://pixabay.com/get/g4e95a68487a1da4da825523f09717bb43d2d77351c2cfc5e94de07274825f744cddce025260130511f5a3cb804b1d54e766d1bdca86f2570f898f21dae3d6242_1280.jpg",
|
||||
imageSrc: "https://pixabay.com/get/ge2d82caf440abf05ddfbdef91860eb2dae1b5b7ca45d595dde06d6398904d59b8cf01de384233eb877df046377ada502cd3de08031b922037826094890954b01_1280.jpg?_wi=2",
|
||||
imageAlt: "modern t-shirt minimalist clothing",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam Taylor",
|
||||
date: "2024-07-15",
|
||||
title: "Developer",
|
||||
quote: "Ethical and stylish. Finally, a brand that gets both right.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "https://pixabay.com/get/gc2f2819425d1bbc5eadb21f0f5549dba701d24f18efc3f1e222ec5ffe59ebd826a9cdc59eab19c11ccca985b30f1f672a39c892d7c410b25d749e94fee47346b_1280.jpg",
|
||||
imageSrc: "https://pixabay.com/get/g66683e7df5ce65dc9127e723d0275dcfddf42ad878453158dae22af53dde4b876db559e006f1937c58787a40ebd4796a1c6ee63c9cf26ea1b9a7eaa995eb0d12_1280.jpg?_wi=2",
|
||||
imageAlt: "modern hoodie aesthetic clothing",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jordan Smith",
|
||||
date: "2024-08-20",
|
||||
title: "Designer",
|
||||
quote: "The fit of the jacket is perfect. Definitely my new go-to brand.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "https://pixabay.com/get/g2751ac4d1576c5c07d6c55f81c18b9e4ab39899fc7207b1059e95b1374b6c3e72d55d314cb653f1196c5e1193b83634844ff0d5e245e08a6848c122bfde4bcac_1280.jpg",
|
||||
imageSrc: "https://pixabay.com/get/gbb7ee3aeaf646930065540070e9d6a0825bafabafd467724195b2fa11f7f56523dd4666eccda85594e677ac81718eb74c9246cb6c7878998bc3905935f0f11c2_1280.jpg?_wi=2",
|
||||
imageAlt: "modern denim jacket fashion style",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Morgan Chase",
|
||||
date: "2024-09-05",
|
||||
title: "Architect",
|
||||
quote: "Clean lines and impeccable quality. This is how modern fashion should look.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "https://pixabay.com/get/ge2a6c1e29f74c52934374485c7a43b003540836304c8c72b13df1c0eab6bc4f24fdc7d3cadc37d8534ed5a79e539c3500f6deefc4330eb5ade0d6c7fc47ea691_1280.png",
|
||||
imageSrc: "https://pixabay.com/get/g74be4cfcf86294ddc64ef8e85481bd08425c0b9dcdfc73f2d41d7b07aad7fbdfc8ca3878f1a4c378462a21dadc2dabbd0bcca7c30e800fe3cd627774549ea388_1280.jpg?_wi=3",
|
||||
imageAlt: "minimalist studio portrait clothing brand",
|
||||
},
|
||||
{ id: "1", name: "Alex Rivet", date: "2024-05-12", title: "Style Editor", quote: "The most comfortable tee I have ever owned. Truly elevates my everyday wardrobe.", tag: "Verified Buyer", avatarSrc: "https://pixabay.com/get/ge2a6c1e29f74c52934374485c7a43b003540836304c8c72b13df1c0eab6bc4f24fdc7d3cadc37d8534ed5a79e539c3500f6deefc4330eb5ade0d6c7fc47ea691_1280.png" },
|
||||
{ id: "2", name: "Jamie Lee", date: "2024-06-01", title: "Creative Director", quote: "Minimalist design that doesn't compromise on quality. Absolutely love the hoodie.", tag: "Verified Buyer", avatarSrc: "https://pixabay.com/get/g4e95a68487a1da4da825523f09717bb43d2d77351c2cfc5e94de07274825f744cddce025260130511f5a3cb804b1d54e766d1bdca86f2570f898f21dae3d6242_1280.jpg" },
|
||||
{ id: "3", name: "Sam Taylor", date: "2024-07-15", title: "Developer", quote: "Ethical and stylish. Finally, a brand that gets both right.", tag: "Verified Buyer", avatarSrc: "https://pixabay.com/get/gc2f2819425d1bbc5eadb21f0f5549dba701d24f18efc3f1e222ec5ffe59ebd826a9cdc59eab19c11ccca985b30f1f672a39c892d7c410b25d749e94fee47346b_1280.jpg" },
|
||||
{ id: "4", name: "Jordan Smith", date: "2024-08-20", title: "Designer", quote: "The fit of the jacket is perfect. Definitely my new go-to brand.", tag: "Verified Buyer", avatarSrc: "https://pixabay.com/get/g2751ac4d1576c5c07d6c55f81c18b9e4ab39899fc7207b1059e95b1374b6c3e72d55d314cb653f1196c5e1193b83634844ff0d5e245e08a6848c122bfde4bcac_1280.jpg" },
|
||||
{ id: "5", name: "Morgan Chase", date: "2024-09-05", title: "Architect", quote: "Clean lines and impeccable quality. This is how modern fashion should look.", tag: "Verified Buyer", avatarSrc: "https://pixabay.com/get/ge2a6c1e29f74c52934374485c7a43b003540836304c8c72b13df1c0eab6bc4f24fdc7d3cadc37d8534ed5a79e539c3500f6deefc4330eb5ade0d6c7fc47ea691_1280.png" }
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="What our customers are saying about our quality."
|
||||
@@ -191,9 +99,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Get early access to drops and exclusive promotions."
|
||||
@@ -203,40 +109,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "T-Shirts",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Hoodies",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All", href: "#products" }, { label: "T-Shirts", href: "#" }, { label: "Hoodies", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
logoText="MODERN"
|
||||
copyrightText="© 2025 | MODERN Apparel"
|
||||
|
||||
Reference in New Issue
Block a user