bender/895a6e58-1d67-410c-bada-3f91e66dfab7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 03:36:36 +00:00
parent e32fb92846
commit 00f5083f03
1 changed files with 17 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
src/app/page.tsx
View File

@@ -21,8 +21,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "All Products", href: "/shop" },
{ label: "New Arrivals", href: "/shop" },
{ label: "Featured", href: "/" },
@@ -30,8 +29,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "/contact" },
{ label: "Careers", href: "#" },
@@ -39,8 +37,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Shipping Info", href: "#" },
@@ -67,7 +64,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="small"
sizing="medium"
background="grid"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
@@ -85,7 +82,7 @@ export default function HomePage() {
<HeroSplit
title="RAJA STREET WEAR FASHION"
description="Rule The Streets"
background={{ variant: "grid" }}
background={{ variant: "animated-grid" }}
tag="New Collection"
tagIcon={Zap}
tagAnimation="slide-up"
@@ -94,7 +91,7 @@ export default function HomePage() {
{ text: "Explore Collection", href: "#featured" },
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/young-hipster-girl-cap-dressed-ripped-jeans-white-shirt-sitting-longboard-skatepark_613910-19389.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/young-hipster-girl-cap-dressed-ripped-jeans-white-shirt-sitting-longboard-skatepark_613910-19389.jpg"
imageAlt="RAJA Street Wear Collection Hero"
imagePosition="right"
mediaAnimation="blur-reveal"
@@ -111,47 +108,17 @@ export default function HomePage() {
tagAnimation="opacity"
products={[
{
id: "1",
name: "Urban Oversize Hoodie",
price: "$89",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-stylish-hoodies-winter-outdoor-shoot_53876-105545.jpg?_wi=1",
imageAlt: "Urban Oversize Hoodie",
},
id: "1", name: "Urban Oversize Hoodie", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-stylish-hoodies-winter-outdoor-shoot_53876-105545.jpg", imageAlt: "Urban Oversize Hoodie"},
{
id: "2",
name: "Cargo Pants Black",
price: "$79",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-black-man-posing_23-2149028775.jpg?_wi=1",
imageAlt: "Cargo Pants Black",
},
id: "2", name: "Cargo Pants Black", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-black-man-posing_23-2149028775.jpg", imageAlt: "Cargo Pants Black"},
{
id: "3",
name: "Vintage Logo Tee",
price: "$49",
imageSrc: "http://img.b2bpic.net/free-vector/pride-day-lettering_23-2148514310.jpg?_wi=1",
imageAlt: "Vintage Logo Tee",
},
id: "3", name: "Vintage Logo Tee", price: "$49", imageSrc: "http://img.b2bpic.net/free-vector/pride-day-lettering_23-2148514310.jpg", imageAlt: "Vintage Logo Tee"},
{
id: "4",
name: "Technical Jacket",
price: "$159",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-trucker-hat_23-2149432399.jpg?_wi=1",
imageAlt: "Technical Jacket",
},
id: "4", name: "Technical Jacket", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-trucker-hat_23-2149432399.jpg", imageAlt: "Technical Jacket"},
{
id: "5",
name: "Utility Belt Bag",
price: "$59",
imageSrc: "http://img.b2bpic.net/free-photo/woman-mask-stands-street_1157-31583.jpg?_wi=1",
imageAlt: "Utility Belt Bag",
},
id: "5", name: "Utility Belt Bag", price: "$59", imageSrc: "http://img.b2bpic.net/free-photo/woman-mask-stands-street_1157-31583.jpg", imageAlt: "Utility Belt Bag"},
{
id: "6",
name: "Street Boots",
price: "$129",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-woman-wearing-fashionable-brown-leather-kneehigh-boots-outdoors_181624-57699.jpg?_wi=1",
imageAlt: "Street Boots",
},
id: "6", name: "Street Boots", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-woman-wearing-fashionable-brown-leather-kneehigh-boots-outdoors_181624-57699.jpg", imageAlt: "Street Boots"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -169,29 +136,11 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
id: "arrival-1",
title: "Oversized Zip Hoodie",
description: "Premium heavyweight fabric with embroidered branding",
tag: "Available",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-young-woman-concentrated-into-distance-dressed-hoodie-trousers-thinks-about-something-rests-after-excursion-city-feels-tired-explores-new-places_273609-57016.jpg",
imageAlt: "Oversized Zip Hoodie",
},
id: "arrival-1", title: "Oversized Zip Hoodie", description: "Premium heavyweight fabric with embroidered branding", tag: "Available", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-young-woman-concentrated-into-distance-dressed-hoodie-trousers-thinks-about-something-rests-after-excursion-city-feels-tired-explores-new-places_273609-57016.jpg", imageAlt: "Oversized Zip Hoodie"},
{
id: "arrival-2",
title: "Storm Joggers",
description: "Technical fabric with tapered fit and side pockets",
tag: "Limited",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg?_wi=1",
imageAlt: "Storm Joggers",
},
id: "arrival-2", title: "Storm Joggers", description: "Technical fabric with tapered fit and side pockets", tag: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg", imageAlt: "Storm Joggers"},
{
id: "arrival-3",
title: "Neon Graphics Tee",
description: "Limited edition graphic design on premium cotton",
tag: "Drop",
imageSrc: "http://img.b2bpic.net/free-vector/pride-day-lettering_23-2148514310.jpg?_wi=2",
imageAlt: "Neon Graphics Tee",
},
id: "arrival-3", title: "Neon Graphics Tee", description: "Limited edition graphic design on premium cotton", tag: "Drop", imageSrc: "http://img.b2bpic.net/free-vector/pride-day-lettering_23-2148514310.jpg", imageAlt: "Neon Graphics Tee"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -203,10 +152,7 @@ export default function HomePage() {
<TextSplitAbout
title="Our Story"
description={[
"RAJA Street Wear Fashion is more than a brand—it's a movement. Born from the pulse of urban streets, we craft premium pieces that transcend trends and capture the raw energy of street culture.",
"Every garment is designed for those who refuse to blend in, who see fashion as a form of rebellion and self-expression. We combine cutting-edge design with uncompromising quality to create pieces that rule the streets.",
"Quality, authenticity, and bold design are at the heart of everything we do. RAJA isn't just clothing; it's a lifestyle for those who lead, not follow.",
]}
"RAJA Street Wear Fashion is more than a brand—it's a movement. Born from the pulse of urban streets, we craft premium pieces that transcend trends and capture the raw energy of street culture.", "Every garment is designed for those who refuse to blend in, who see fashion as a form of rebellion and self-expression. We combine cutting-edge design with uncompromising quality to create pieces that rule the streets.", "Quality, authenticity, and bold design are at the heart of everything we do. RAJA isn't just clothing; it's a lifestyle for those who lead, not follow."]}
buttons={[{ text: "Learn More", href: "/about" }]}
showBorder={true}
useInvertedBackground={false}
@@ -218,7 +164,7 @@ export default function HomePage() {
text="Stay in the loop with exclusive drops, early access, and street culture insights."
animationType="entrance-slide"
buttons={[{ text: "Subscribe", href: "/contact" }]}
background={{ variant: "grid" }}
background={{ variant: "animated-grid" }}
useInvertedBackground={true}
/>
</div>