Merge version_2 into main #4
120
src/app/page.tsx
120
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
@@ -29,33 +29,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Gothic",
|
||||
id: "/gothic",
|
||||
},
|
||||
name: "Gothic", id: "/gothic"},
|
||||
{
|
||||
name: "Bohemian",
|
||||
id: "/bohemian",
|
||||
},
|
||||
name: "Bohemian", id: "/bohemian"},
|
||||
{
|
||||
name: "Avant-Garde",
|
||||
id: "/avant-garde",
|
||||
},
|
||||
name: "Avant-Garde", id: "/avant-garde"},
|
||||
{
|
||||
name: "Street",
|
||||
id: "/street",
|
||||
},
|
||||
name: "Street", id: "/street"},
|
||||
{
|
||||
name: "Funky",
|
||||
id: "/funky",
|
||||
},
|
||||
name: "Funky", id: "/funky"},
|
||||
{
|
||||
name: "Vault",
|
||||
id: "/vault",
|
||||
},
|
||||
name: "Vault", id: "/vault"},
|
||||
]}
|
||||
brandName="VASLIC"
|
||||
/>
|
||||
@@ -64,19 +50,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
logoText="VASLIC"
|
||||
description="Something for Everyone. Once it's gone, it's gone. Forever. No reprints."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Waitlist",
|
||||
href: "/waitlist",
|
||||
},
|
||||
text: "Join Waitlist", href: "/waitlist"},
|
||||
{
|
||||
text: "Enter Vault",
|
||||
href: "/vault",
|
||||
},
|
||||
text: "Enter Vault", href: "/vault"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOBu8Mi1Iuqd148HefASU02iG/cinematic-wide-angle-shot-of-a-luxurious-1774704432567-555bc0f1.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -91,23 +72,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Midnight Weaver",
|
||||
price: "$120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOBu8Mi1Iuqd148HefASU02iG/modern-urban-fashion-product-showcase-hi-1774704430727-59ba3ea3.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Midnight Weaver", price: "$120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOBu8Mi1Iuqd148HefASU02iG/modern-urban-fashion-product-showcase-hi-1774704430727-59ba3ea3.png?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Street Ghost",
|
||||
price: "$145",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOBu8Mi1Iuqd148HefASU02iG/modern-urban-fashion-product-showcase-hi-1774704430727-59ba3ea3.png?_wi=2",
|
||||
},
|
||||
id: "2", name: "Street Ghost", price: "$145", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOBu8Mi1Iuqd148HefASU02iG/modern-urban-fashion-product-showcase-hi-1774704430727-59ba3ea3.png?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Boho Spirit",
|
||||
price: "$110",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOBu8Mi1Iuqd148HefASU02iG/modern-urban-fashion-product-showcase-hi-1774704430727-59ba3ea3.png?_wi=3",
|
||||
},
|
||||
id: "3", name: "Boho Spirit", price: "$110", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOBu8Mi1Iuqd148HefASU02iG/modern-urban-fashion-product-showcase-hi-1774704430727-59ba3ea3.png?_wi=3"},
|
||||
]}
|
||||
title="Coming Soon"
|
||||
description="Limited edition designs."
|
||||
@@ -124,20 +93,11 @@ export default function LandingPage() {
|
||||
description="Exclusive fashion metrics."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Designs Retired",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Designs Retired"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Exclusive",
|
||||
},
|
||||
id: "m2", value: "100%", description: "Exclusive"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Unlimited",
|
||||
description: "Creativity",
|
||||
},
|
||||
id: "m3", value: "Unlimited", description: "Creativity"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -151,15 +111,7 @@ export default function LandingPage() {
|
||||
description="Stories from the studio."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Fashion",
|
||||
title: "The Art of Retirement",
|
||||
excerpt: "Why we only print once.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOBu8Mi1Iuqd148HefASU02iG/modern-urban-fashion-product-showcase-hi-1774704430727-59ba3ea3.png?_wi=4",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOBu8Mi1Iuqd148HefASU02iG/modern-urban-fashion-product-showcase-hi-1774704430727-59ba3ea3.png",
|
||||
date: "2026-01-01",
|
||||
},
|
||||
id: "b1", category: "Fashion", title: "The Art of Retirement", excerpt: "Why we only print once.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOBu8Mi1Iuqd148HefASU02iG/modern-urban-fashion-product-showcase-hi-1774704430727-59ba3ea3.png?_wi=4", authorName: "Admin", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOBu8Mi1Iuqd148HefASU02iG/modern-urban-fashion-product-showcase-hi-1774704430727-59ba3ea3.png", date: "2026-01-01"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,45 +120,41 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to own a piece of the archive?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Contact Support", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterLogoEmphasis
|
||||
logoText="VASLIC"
|
||||
columns={[
|
||||
{
|
||||
title: "Archive",
|
||||
items: [
|
||||
{
|
||||
label: "The Vault",
|
||||
href: "/vault",
|
||||
},
|
||||
],
|
||||
{ label: "The Vault", href: "/vault" },
|
||||
{ label: "New Drops", href: "/drops" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
{ label: "Support", href: "/support" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy", href: "/privacy" },
|
||||
{ label: "Terms", href: "/terms" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2026 VASLIC | Something for Everyone"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user