bender/3d37b5ed-29fa-4aac-a2a6-528e4ca92750
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-05-09 14:44:40 +00:00
parent 42377eb6de
commit 0d4850ba7a
1 changed files with 49 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files

241
src/app/page.tsx
View File

@@ -32,25 +32,15 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "about",
},
name: "Services", id: "about"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Spray on Shift"
/>
@@ -59,63 +49,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Custom Skateboards. Raw Art. Urban Culture."
description="Transform your ride with one-of-a-kind art crafted by street artists. From custom decks to apparel, we breathe life into the skate culture."
buttons={[
{
text: "Shop Custom Decks",
href: "#products",
},
text: "Shop Custom Decks", href: "#products"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUWrtQyuyooxCATUVEf5CXNmtR/uploaded-1778337761429-xbhw7mnx.jpg?_wi=1"
imageAlt="Spray on Shift Brand Logo"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/side-view-teen-doing-tricks-skateboard_23-2149633145.jpg",
alt: "Side view teen doing tricks on skateboard",
},
src: "http://img.b2bpic.net/free-photo/side-view-teen-doing-tricks-skateboard_23-2149633145.jpg", alt: "Side view teen doing tricks on skateboard"},
{
src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-handsome-man-posing-street-city-with-graffiti-wall_627829-7239.jpg",
alt: "Lifestyle portrait of handsome man posing on the street",
},
src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-handsome-man-posing-street-city-with-graffiti-wall_627829-7239.jpg", alt: "Lifestyle portrait of handsome man posing on the street"},
{
src: "http://img.b2bpic.net/free-photo/beard-man-standing-front-colorful-graffiti-wall_23-2147827515.jpg",
alt: "Beard man standing in front of colorful graffiti wall",
},
src: "http://img.b2bpic.net/free-photo/beard-man-standing-front-colorful-graffiti-wall_23-2147827515.jpg", alt: "Beard man standing in front of colorful graffiti wall"},
{
src: "http://img.b2bpic.net/free-photo/young-male-model-posing-with-skateboard_23-2147995971.jpg",
alt: "Young male model posing with skateboard",
},
src: "http://img.b2bpic.net/free-photo/young-male-model-posing-with-skateboard_23-2147995971.jpg", alt: "Young male model posing with skateboard"},
{
src: "http://img.b2bpic.net/free-photo/side-view-young-woman-with-skateboard_23-2148435981.jpg",
alt: "Side view young woman with skateboard",
},
src: "http://img.b2bpic.net/free-photo/side-view-young-woman-with-skateboard_23-2148435981.jpg", alt: "Side view young woman with skateboard"},
]}
avatarText="Join our growing skate community"
marqueeItems={[
{
type: "text",
text: "100% Hand-Painted",
},
type: "text", text: "100% Hand-Painted"},
{
type: "text",
text: "Street Culture Roots",
},
type: "text", text: "Street Culture Roots"},
{
type: "text",
text: "Global Shipping",
},
type: "text", text: "Global Shipping"},
{
type: "text",
text: "Custom Commissions",
},
type: "text", text: "Custom Commissions"},
{
type: "text",
text: "Urban Tested",
},
type: "text", text: "Urban Tested"},
]}
/>
</div>
@@ -126,8 +93,7 @@ export default function LandingPage() {
title="Born in the Streets. Crafted for the Concrete."
buttons={[
{
text: "See Our Vision",
},
text: "See Our Vision"},
]}
/>
</div>
@@ -140,19 +106,13 @@ export default function LandingPage() {
features={[
{
icon: Palette,
title: "Custom Deck Art",
description: "Fully bespoke hand-painted skateboard designs.",
},
title: "Custom Deck Art", description: "Fully bespoke hand-painted skateboard designs."},
{
icon: Droplet,
title: "Custom Grip Tape",
description: "High-performance grip tape with unique graphic patterns.",
},
title: "Custom Grip Tape", description: "High-performance grip tape with unique graphic patterns."},
{
icon: ShoppingBag,
title: "Streetwear Apparel",
description: "Exclusive graphic tees, hoodies, and skate gear.",
},
title: "Streetwear Apparel", description: "Exclusive graphic tees, hoodies, and skate gear."},
]}
title="What We Do Best"
description="Elevate your aesthetic with premium custom design services."
@@ -167,41 +127,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Graffiti Master Deck",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/cool-woman-with-longboard_53876-64866.jpg?_wi=1",
},
id: "p1", name: "Graffiti Master Deck", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/cool-woman-with-longboard_53876-64866.jpg?_wi=1"},
{
id: "p2",
name: "Urban Vibe Tee",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-checking-skateboard-wheels_23-2148436033.jpg?_wi=1",
},
id: "p2", name: "Urban Vibe Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-checking-skateboard-wheels_23-2148436033.jpg?_wi=1"},
{
id: "p3",
name: "Neon Shred Grip",
price: "$25",
imageSrc: "http://img.b2bpic.net/free-photo/view-person-using-skateboard-with-wheels-outdoors_23-2150407544.jpg?_wi=1",
},
id: "p3", name: "Neon Shred Grip", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/view-person-using-skateboard-with-wheels-outdoors_23-2150407544.jpg?_wi=1"},
{
id: "p4",
name: "Classic Street Hoodie",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-skateboard_23-2149241697.jpg",
},
id: "p4", name: "Classic Street Hoodie", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-skateboard_23-2149241697.jpg"},
{
id: "p5",
name: "Concrete Legend Deck",
price: "$135",
imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431174.jpg",
},
id: "p5", name: "Concrete Legend Deck", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431174.jpg"},
{
id: "p6",
name: "Acid Wash Cap",
price: "$30",
imageSrc: "http://img.b2bpic.net/free-photo/skate-parkteens-skate-park_23-2149836861.jpg",
},
id: "p6", name: "Acid Wash Cap", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/skate-parkteens-skate-park_23-2149836861.jpg"},
]}
title="Featured Drops"
description="Hand-picked gear for the modern skater."
@@ -215,49 +151,28 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "tape",
badge: "Essential",
price: "$25",
subtitle: "Custom Grip Tape Design",
buttons: [
id: "tape", badge: "Essential", price: "$25", subtitle: "Custom Grip Tape Design", buttons: [
{
text: "Order Now",
},
text: "Order Now"},
],
features: [
"Durable grit",
"Unique spray art",
],
"Durable grit", "Unique spray art"],
},
{
id: "deck",
badge: "Custom",
price: "$120+",
subtitle: "Fully Hand-Painted Decks",
buttons: [
id: "deck", badge: "Popular", price: "$120+", subtitle: "Fully Hand-Painted Decks", buttons: [
{
text: "Start Design",
},
text: "Start Design"},
],
features: [
"Premium maple",
"1-on-1 Artist collaboration",
],
"Premium maple", "1-on-1 Artist collaboration"],
},
{
id: "apparel",
badge: "Gear",
price: "$40+",
subtitle: "Apparel & Accessories",
buttons: [
id: "apparel", badge: "Gear", price: "$40+", subtitle: "Apparel & Accessories", buttons: [
{
text: "Shop Gear",
},
text: "Shop Gear"},
],
features: [
"Heavyweight cotton",
"Direct-to-garment art",
],
"Heavyweight cotton", "Direct-to-garment art"],
},
]}
title="Commission Your Vibe"
@@ -271,60 +186,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex K.",
date: "Oct 2024",
title: "Skater",
quote: "The board art is legendary, holding up perfectly at the park.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-teen-holding-skateboard_23-2149633142.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUWrtQyuyooxCATUVEf5CXNmtR/uploaded-1778337761429-xbhw7mnx.jpg?_wi=2",
imageAlt: "portrait urban skater boy graffiti background",
},
id: "1", name: "Alex K.", date: "Oct 2024", title: "Skater", quote: "The board art is legendary, holding up perfectly at the park.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-teen-holding-skateboard_23-2149633142.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUWrtQyuyooxCATUVEf5CXNmtR/uploaded-1778337761429-xbhw7mnx.jpg?_wi=2", imageAlt: "portrait urban skater boy graffiti background"},
{
id: "2",
name: "Jordan P.",
date: "Nov 2024",
title: "Artist",
quote: "Best grip tape design I've ever owned. Total eye-catcher.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-cute-smiling-blond-teenager-model-without-makeup-summer-hipster-white-clothes-with-pink-penny-skateboard-posing-street-background_158538-12929.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/cool-woman-with-longboard_53876-64866.jpg?_wi=2",
imageAlt: "portrait urban skater boy graffiti background",
},
id: "2", name: "Jordan P.", date: "Nov 2024", title: "Artist", quote: "Best grip tape design I've ever owned. Total eye-catcher.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-cute-smiling-blond-teenager-model-without-makeup-summer-hipster-white-clothes-with-pink-penny-skateboard-posing-street-background_158538-12929.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cool-woman-with-longboard_53876-64866.jpg?_wi=2", imageAlt: "portrait urban skater boy graffiti background"},
{
id: "3",
name: "Sam R.",
date: "Dec 2024",
title: "Street Style Enthusiast",
quote: "The clothing drops are fire. Keep it coming!",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-teen-holding-skateboard-outdoors_23-2149854322.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-checking-skateboard-wheels_23-2148436033.jpg?_wi=2",
imageAlt: "portrait urban skater boy graffiti background",
},
id: "3", name: "Sam R.", date: "Dec 2024", title: "Street Style Enthusiast", quote: "The clothing drops are fire. Keep it coming!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-teen-holding-skateboard-outdoors_23-2149854322.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-checking-skateboard-wheels_23-2148436033.jpg?_wi=2", imageAlt: "portrait urban skater boy graffiti background"},
{
id: "4",
name: "Chris B.",
date: "Jan 2025",
title: "Skater",
quote: "Professional work, quick turnaround. Highly recommend.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/young-people-london-streets_23-2149377210.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/view-person-using-skateboard-with-wheels-outdoors_23-2150407544.jpg?_wi=2",
imageAlt: "portrait urban skater boy graffiti background",
},
id: "4", name: "Chris B.", date: "Jan 2025", title: "Skater", quote: "Professional work, quick turnaround. Highly recommend.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-people-london-streets_23-2149377210.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-person-using-skateboard-with-wheels-outdoors_23-2150407544.jpg?_wi=2", imageAlt: "portrait urban skater boy graffiti background"},
{
id: "5",
name: "Taylor J.",
date: "Feb 2025",
title: "Skater",
quote: "Custom deck looks even better in person. Sick art.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-artist-with-spray-bottle_23-2147839391.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/hackers-using-phishing-technique_482257-85720.jpg?_wi=1",
imageAlt: "portrait urban skater boy graffiti background",
},
id: "5", name: "Taylor J.", date: "Feb 2025", title: "Skater", quote: "Custom deck looks even better in person. Sick art.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-artist-with-spray-bottle_23-2147839391.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hackers-using-phishing-technique_482257-85720.jpg?_wi=1", imageAlt: "portrait urban skater boy graffiti background"},
]}
title="Street-Tested Reviews"
description="Real skaters, real feedback."
@@ -335,8 +205,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
variant: "rotated-rays-static"}}
tag="Let's Talk"
title="Start Your Commission"
description="Have an idea for a custom board? Reach out and we'll bring it to life."
@@ -351,33 +220,21 @@ export default function LandingPage() {
logoText="Spray on Shift"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "Decks",
href: "#products",
},
label: "Decks", href: "#products"},
{
label: "Apparel",
href: "#products",
},
label: "Apparel", href: "#products"},
{
label: "Custom Art",
href: "#pricing",
},
label: "Custom Art", href: "#pricing"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}