Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
251
src/app/page.tsx
251
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Brand",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Vision",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Brand", id: "about" },
|
||||
{ name: "Collection", id: "features" },
|
||||
{ name: "Vision", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="True Religion"
|
||||
/>
|
||||
@@ -53,43 +41,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="LA Heritage. Global Revival."
|
||||
description="True Religion is back. Reclaiming the crown of premium denim with the iconic Super T stitch, unapologetic LA swagger, and the rebellious spirit that defined a generation."
|
||||
tag="The Second Act"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#features" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2929.jpg",
|
||||
imageAlt: "True Religion denim closeup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-denim_53876-71312.jpg",
|
||||
imageAlt: "Horseshoe stitch detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-graffiti_23-2149028824.jpg",
|
||||
imageAlt: "Model in urban alleyway",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409252.jpg",
|
||||
imageAlt: "Luxury accessory composition",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-listening-music-holding-coffee-mug_23-2148525446.jpg",
|
||||
imageAlt: "Denim wash texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-fashion-boutique-template_23-2150632575.jpg",
|
||||
imageAlt: "Leather branding patch",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2929.jpg", imageAlt: "True Religion denim closeup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-denim_53876-71312.jpg", imageAlt: "Horseshoe stitch detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-graffiti_23-2149028824.jpg", imageAlt: "Model in urban alleyway" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -111,24 +71,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Super T Stitching",
|
||||
description: "The heavy-gauge, high-contrast signature stitch that changed the premium denim world forever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048364.jpg",
|
||||
imageAlt: "Stitching detail",
|
||||
},
|
||||
{
|
||||
title: "Distressed Washes",
|
||||
description: "Hand-finished, authentic vintage washes that capture the spirit of California’s restless lifestyle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-texture_23-2148952732.jpg",
|
||||
imageAlt: "Denim wash",
|
||||
},
|
||||
{
|
||||
title: "Iconic Horseshoe",
|
||||
description: "A symbol of quality, originality, and the rebellious spirit of Los Angeles rock & roll.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-ferromagnetic-liquid-metal-with-copy-space_23-2148253597.jpg",
|
||||
imageAlt: "Sustainable denim",
|
||||
},
|
||||
{ title: "Super T Stitching", description: "The heavy-gauge, high-contrast signature stitch that changed the premium denim world forever.", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048364.jpg", imageAlt: "Stitching detail" },
|
||||
{ title: "Distressed Washes", description: "Hand-finished, authentic vintage washes that capture the spirit of California’s restless lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-texture_23-2148952732.jpg", imageAlt: "Denim wash" },
|
||||
{ title: "Iconic Horseshoe", description: "A symbol of quality, originality, and the rebellious spirit of Los Angeles rock & roll.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-ferromagnetic-liquid-metal-with-copy-space_23-2148253597.jpg", imageAlt: "Sustainable denim" }
|
||||
]}
|
||||
title="Our Signature DNA"
|
||||
description="The elements that made us iconic are the foundation of our future."
|
||||
@@ -137,31 +82,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jeff Lubell",
|
||||
role: "Founder",
|
||||
description: "Defining the vision of premium Californian denim in 2002.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29532.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kym Gold",
|
||||
role: "Co-Founder",
|
||||
description: "Architecting the brand's iconic design aesthetic and identity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219982.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Creative Director",
|
||||
role: "Strategy Lead",
|
||||
description: "Driving the digital-first revival and celebrity collaborations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-well-dressed-african-american-man-posing-with-crossed-arms-classic-menswear-store_613910-21800.jpg",
|
||||
},
|
||||
{ id: "1", name: "Jeff Lubell", role: "Founder", description: "Defining the vision of premium Californian denim in 2002.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29532.jpg" },
|
||||
{ id: "2", name: "Kym Gold", role: "Co-Founder", description: "Architecting the brand's iconic design aesthetic and identity.", imageSrc: "http://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219982.jpg" },
|
||||
{ id: "3", name: "Creative Director", role: "Strategy Lead", description: "Driving the digital-first revival and celebrity collaborations.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-well-dressed-african-american-man-posing-with-crossed-arms-classic-menswear-store_613910-21800.jpg" }
|
||||
]}
|
||||
title="The Minds Behind the Stitch"
|
||||
description="Led by visionaries focused on innovation, digital transformation, and cultural relevance."
|
||||
@@ -172,15 +100,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"VOGUE",
|
||||
"HYPEBEAST",
|
||||
"COMPLEX",
|
||||
"GQ",
|
||||
"WWD",
|
||||
"ROLLING STONE",
|
||||
"DAZED",
|
||||
]}
|
||||
names={["VOGUE", "HYPEBEAST", "COMPLEX", "GQ", "WWD", "ROLLING STONE", "DAZED"]}
|
||||
title="As Seen In & Collaborations"
|
||||
description="From music festivals to hip-hop charts, we are embedded in modern culture."
|
||||
/>
|
||||
@@ -192,60 +112,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Influencer",
|
||||
company: "CultureStyle",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-adult-woman-bright-pink-glasses-takes-selfie-her-smartphone-cool-woman-oversized-denim-jacket-posing_197531-19206.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Editor",
|
||||
company: "HypeDaily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trumpet-player-chilling-chair_23-2147624325.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Collector",
|
||||
company: "DenimArchive",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10241.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Trend Analyst",
|
||||
company: "StyleTech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-creative-tailor-her-workshop_329181-14331.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Rivera",
|
||||
role: "Brand Strategist",
|
||||
company: "ReviveInc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-woman-with-red-lips_158538-4167.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Influencer", company: "CultureStyle", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-adult-woman-bright-pink-glasses-takes-selfie-her-smartphone-cool-woman-oversized-denim-jacket-posing_197531-19206.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Editor", company: "HypeDaily", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/trumpet-player-chilling-chair_23-2147624325.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Collector", company: "DenimArchive", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10241.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "20+",
|
||||
label: "Years of Heritage",
|
||||
},
|
||||
{
|
||||
value: "40%",
|
||||
label: "Gen Z Growth",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Global Collaborations",
|
||||
},
|
||||
{ value: "20+", label: "Years of Heritage" },
|
||||
{ value: "40%", label: "Gen Z Growth" },
|
||||
{ value: "100+", label: "Global Collaborations" }
|
||||
]}
|
||||
title="Voices of the Revival"
|
||||
description="What industry insiders and trendsetters are saying about True Religion's next chapter."
|
||||
@@ -258,26 +132,11 @@ export default function LandingPage() {
|
||||
title="Join the Revival"
|
||||
description="Interested in retail partnerships, wholesale, or press inquiries? Let's connect."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Subject",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
{ name: "subject", type: "text", placeholder: "Subject" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -285,57 +144,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }, { label: "Shipping", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "TikTok", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 True Religion Brand LLC."
|
||||
bottomRightText="Built by Webild."
|
||||
@@ -344,4 +155,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user