Update src/app/page.tsx
This commit is contained in:
161
src/app/page.tsx
161
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Royal Since Birth"
|
||||
/>
|
||||
@@ -56,33 +41,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero-home" data-section="hero-home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Royal Since Birth"
|
||||
description="You were born with it. Greatness isn't given, it's claimed."
|
||||
tag="Luxury Streetwear"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-city-night_23-2149024756.jpg?_wi=1",
|
||||
imageAlt: "Royal Since Birth Hero 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-city-night_23-2149024756.jpg", imageAlt: "Royal Since Birth Hero 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1136.jpg?_wi=1",
|
||||
imageAlt: "Royal Since Birth Hero 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg?_wi=1",
|
||||
imageAlt: "Royal Since Birth Hero 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230663.jpg?_wi=1",
|
||||
imageAlt: "Royal Since Birth Hero 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-posing_150588-179.jpg?_wi=1",
|
||||
imageAlt: "Royal Since Birth Hero 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1136.jpg", imageAlt: "Royal Since Birth Hero 2"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -98,42 +65,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Legacy Hoodie",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1136.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Crown Tee",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Royal Hat",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230663.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ambition Joggers",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-posing_150588-179.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Gold Socks",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-headphones_23-2149534724.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Leader Bomber",
|
||||
price: "$250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Legacy Hoodie", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1136.jpg" },
|
||||
{ id: "p2", name: "Crown Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg" },
|
||||
{ id: "p3", name: "Royal Hat", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230663.jpg" },
|
||||
{ id: "p4", name: "Ambition Joggers", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-posing_150588-179.jpg" },
|
||||
{ id: "p5", name: "Gold Socks", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-headphones_23-2149534724.jpg" },
|
||||
{ id: "p6", name: "Leader Bomber", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg" },
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="The latest in premium streetwear."
|
||||
@@ -146,13 +83,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Leaders"
|
||||
description="Join the collective of ambitious individuals defining the future."
|
||||
names={[
|
||||
"VOGUE",
|
||||
"HYPEBEAST",
|
||||
"GQ",
|
||||
"GQ STYLE",
|
||||
"COMPLEX",
|
||||
]}
|
||||
names={["VOGUE", "HYPEBEAST", "GQ", "GQ STYLE", "COMPLEX"]}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,21 +96,9 @@ export default function LandingPage() {
|
||||
title="The Gold Standard"
|
||||
description="Crafting excellence through detail and design."
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Premium Material",
|
||||
description: "High-grade fabrics for durability.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Exclusive Drops",
|
||||
description: "Limited edition releases only.",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Global Shipping",
|
||||
description: "Delivered to your doorstep worldwide.",
|
||||
},
|
||||
{ icon: ShieldCheck, title: "Premium Material", description: "High-grade fabrics for durability." },
|
||||
{ icon: Award, title: "Exclusive Drops", description: "Limited edition releases only." },
|
||||
{ icon: Globe, title: "Global Shipping", description: "Delivered to your doorstep worldwide." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -187,9 +106,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Join the Elite"
|
||||
description="Subscribe for exclusive updates and early access to drops."
|
||||
tag="Newsletter"
|
||||
@@ -198,44 +115,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer-home" data-section="footer-home">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wedding-still-life-with-petals_23-2147975976.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wedding-still-life-with-petals_23-2147975976.jpg"
|
||||
logoText="Royal Since Birth"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/shop" }, { label: "New Arrivals", href: "/shop" }] },
|
||||
{ title: "Brand", items: [{ label: "About Us", href: "/about" }, { label: "FAQ", href: "/faq" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user