Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
219
src/app/page.tsx
219
src/app/page.tsx
@@ -30,55 +30,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Shop", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Dripy.in"
|
||||
button={{ text: "Get Access" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="DRIPY.IN - ELEVATE YOUR STYLE"
|
||||
description="Premium Streetwear. Ferrari Jackets, Adidas Styles, and Exclusive Drops. Redefining Urban Fashion."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5qnni8",
|
||||
imageAlt: "Urban streetwear model",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nb94yj",
|
||||
imageAlt: "Model wearing bomber jacket",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uzpr4o",
|
||||
imageAlt: "Athletic streetwear",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yvhq38&_wi=1",
|
||||
imageAlt: "Alternative streetwear shot 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gv8ut5&_wi=1",
|
||||
imageAlt: "Alternative streetwear shot 2",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5qnni8", imageAlt: "Urban streetwear model" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nb94yj", imageAlt: "Model wearing bomber jacket" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uzpr4o", imageAlt: "Athletic streetwear" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yvhq38", imageAlt: "Alternative streetwear shot 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gv8ut5", imageAlt: "Alternative streetwear shot 2" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -91,60 +63,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Dripy",
|
||||
name: "Ferrari Heritage Jacket",
|
||||
price: "$129",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yvhq38&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Dripy",
|
||||
name: "Classic 3-Stripes Track",
|
||||
price: "$89",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gv8ut5&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Dripy",
|
||||
name: "Urban Windbreaker",
|
||||
price: "$69",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yrwwbm",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Dripy",
|
||||
name: "Limited Edition Bomber",
|
||||
price: "$159",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t6rzu0",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Dripy",
|
||||
name: "Pro-Series Racing Coat",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "58",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=05zcix",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Dripy",
|
||||
name: "Techwear Cargo Jacket",
|
||||
price: "$139",
|
||||
rating: 4,
|
||||
reviewCount: "67",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=luyu66",
|
||||
},
|
||||
{ id: "p1", brand: "Dripy", name: "Ferrari Heritage Jacket", price: "$129", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yvhq38" },
|
||||
{ id: "p2", brand: "Dripy", name: "Classic 3-Stripes Track", price: "$89", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gv8ut5" },
|
||||
{ id: "p3", brand: "Dripy", name: "Urban Windbreaker", price: "$69", rating: 4, reviewCount: "45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yrwwbm" },
|
||||
{ id: "p4", brand: "Dripy", name: "Limited Edition Bomber", price: "$159", rating: 5, reviewCount: "92", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t6rzu0" },
|
||||
{ id: "p5", brand: "Dripy", name: "Pro-Series Racing Coat", price: "$199", rating: 5, reviewCount: "58", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=05zcix" },
|
||||
{ id: "p6", brand: "Dripy", name: "Techwear Cargo Jacket", price: "$139", rating: 4, reviewCount: "67", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=luyu66" },
|
||||
]}
|
||||
title="Trending Arrivals"
|
||||
description="Latest must-have streetwear pieces."
|
||||
@@ -157,24 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "Hand-picked fabrics and expert construction for durability.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=42wi1g",
|
||||
imageAlt: "Quality",
|
||||
},
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Delivering your drip across the city in record time.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kw1cpn",
|
||||
imageAlt: "Shipping",
|
||||
},
|
||||
{
|
||||
title: "Exclusive Drops",
|
||||
description: "Limited quantities to keep your style unique.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ovjeu9",
|
||||
imageAlt: "Exclusive",
|
||||
},
|
||||
{ title: "Premium Quality", description: "Hand-picked fabrics and expert construction for durability.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=42wi1g", imageAlt: "Quality" },
|
||||
{ title: "Fast Shipping", description: "Delivering your drip across the city in record time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kw1cpn", imageAlt: "Shipping" },
|
||||
{ title: "Exclusive Drops", description: "Limited quantities to keep your style unique.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ovjeu9", imageAlt: "Exclusive" },
|
||||
]}
|
||||
title="Why Choose Dripy.in"
|
||||
description="Authentic quality meets street culture."
|
||||
@@ -187,41 +96,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexdrip",
|
||||
testimonial: "The Ferrari jacket quality is insane!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avwkr5",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam K.",
|
||||
handle: "@samstreet",
|
||||
testimonial: "Finally found premium streetwear that fits perfectly.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pok05p",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan P.",
|
||||
handle: "@jordanstyle",
|
||||
testimonial: "The Adidas style bomber is my new daily.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nvzjsg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Casey L.",
|
||||
handle: "@caseyurban",
|
||||
testimonial: "Super fast delivery and top tier material.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=po9mb2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Drew M.",
|
||||
handle: "@drewvibes",
|
||||
testimonial: "Dripy never misses with the drops.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ny6vd",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", handle: "@alexdrip", testimonial: "The Ferrari jacket quality is insane!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avwkr5" },
|
||||
{ id: "t2", name: "Sam K.", handle: "@samstreet", testimonial: "Finally found premium streetwear that fits perfectly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pok05p" },
|
||||
{ id: "t3", name: "Jordan P.", handle: "@jordanstyle", testimonial: "The Adidas style bomber is my new daily.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nvzjsg" },
|
||||
{ id: "t4", name: "Casey L.", handle: "@caseyurban", testimonial: "Super fast delivery and top tier material.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=po9mb2" },
|
||||
{ id: "t5", name: "Drew M.", handle: "@drewvibes", testimonial: "Dripy never misses with the drops.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ny6vd" },
|
||||
]}
|
||||
title="Community Love"
|
||||
description="See what our streetwear family thinks."
|
||||
@@ -233,7 +112,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Dripy Story"
|
||||
description="Born from the love of urban culture and premium automotive aesthetics. We bring the track to the street."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ctolz0&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ctolz0"
|
||||
imageAlt="Modern fashion showroom"
|
||||
/>
|
||||
</div>
|
||||
@@ -243,26 +122,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long for delivery?",
|
||||
content: "Usually 3-5 business days.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are these authentic?",
|
||||
content: "100% premium quality guaranteed.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I return items?",
|
||||
content: "We offer 14-day hassle-free returns.",
|
||||
},
|
||||
{ id: "f1", title: "How long for delivery?", content: "Usually 3-5 business days." },
|
||||
{ id: "f2", title: "Are these authentic?", content: "100% premium quality guaranteed." },
|
||||
{ id: "f3", title: "Can I return items?", content: "We offer 14-day hassle-free returns." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our shop."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ctolz0&_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ctolz0"
|
||||
imageAlt="FAQ Background Image"
|
||||
/>
|
||||
</div>
|
||||
@@ -273,18 +140,8 @@ export default function LandingPage() {
|
||||
title="Join the Drop"
|
||||
description="Get early access to future sales and events."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gxs77i"
|
||||
imageAlt="Minimal contact form"
|
||||
@@ -294,17 +151,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="DRIPY.IN"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user