bender/4a595d48-5dde-4b56-9dc7-33b11ef7f737
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-04-23 00:23:38 +00:00
parent c1c87192f5
commit 0bed847aa2
1 changed files with 43 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

239
src/app/page.tsx
View File

@@ -29,26 +29,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Studio",
id: "hero",
},
{
name: "Styles",
id: "styles",
},
{
name: "Retail",
id: "retail",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
{ name: "Studio", id: "hero" },
{ name: "Styles", id: "styles" },
{ name: "Retail", id: "retail" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="PRIMITIVE TATTOO"
/>
@@ -59,42 +44,16 @@ export default function LandingPage() {
logoText="PRIMITIVE TATTOO"
description="SPOKANE'S COLLECTIVE."
buttons={[
{
text: "WALK-INS WELCOME",
href: "#contact",
},
{
text: "BOOK CUSTOM FLASH",
href: "#styles",
},
{ text: "WALK-INS WELCOME", href: "#contact" },
{ text: "BOOK CUSTOM FLASH", href: "#styles" },
]}
slides={[
{
videoSrc: "https://www.w3schools.com/howto/rain.mp4?_wi=1",
imageAlt: "Ink hitting skin macro",
imageSrc: "http://img.b2bpic.net/free-photo/master-drawing-tattoo-leg_23-2147834098.jpg",
},
{
videoSrc: "https://www.w3schools.com/howto/rain.mp4?_wi=2",
imageAlt: "Tattoo needle moving",
imageSrc: "http://img.b2bpic.net/free-vector/vintage-emblem-with-candle-skull-illustration-set_74855-15571.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/variety-flowers-leaves_23-2148280054.jpg?_wi=1",
imageAlt: "Macro cinematic ink",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/macro-cicada-slough-tree_53876-31708.jpg",
imageAlt: "Needle detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-clean-shaven-man-with-tattoos_1122-1461.jpg",
imageAlt: "Tattoo studio vibe",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tattoo-needle_23-2149479268.jpg",
imageAlt: "Macro art",
},
{ videoSrc: "https://www.w3schools.com/howto/rain.mp4", imageAlt: "Ink hitting skin macro", imageSrc: "http://img.b2bpic.net/free-photo/master-drawing-tattoo-leg_23-2147834098.jpg" },
{ videoSrc: "https://www.w3schools.com/howto/rain.mp4", imageAlt: "Tattoo needle moving", imageSrc: "http://img.b2bpic.net/free-vector/vintage-emblem-with-candle-skull-illustration-set_74855-15571.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-vector/variety-flowers-leaves_23-2148280054.jpg", imageAlt: "Macro cinematic ink" },
{ imageSrc: "http://img.b2bpic.net/free-photo/macro-cicada-slough-tree_53876-31708.jpg", imageAlt: "Needle detail" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-clean-shaven-man-with-tattoos_1122-1461.jpg", imageAlt: "Tattoo studio vibe" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-tattoo-needle_23-2149479268.jpg", imageAlt: "Macro art" },
]}
/>
</div>
@@ -106,42 +65,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "f1",
name: "Skeleton Art",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-vector/vintage-emblem-with-candle-skull-illustration-set_74855-15571.jpg?_wi=2",
},
{
id: "f2",
name: "Botanical",
price: "$200",
imageSrc: "http://img.b2bpic.net/free-vector/variety-flowers-leaves_23-2148280054.jpg?_wi=2",
},
{
id: "f3",
name: "Eagle Dagger",
price: "$300",
imageSrc: "http://img.b2bpic.net/free-vector/hand-painted-artistic-tattoos_23-2147560582.jpg",
},
{
id: "f4",
name: "Dark Creature",
price: "$250",
imageSrc: "http://img.b2bpic.net/free-vector/decorative-butterflies-set_98292-1956.jpg",
},
{
id: "f5",
name: "Geometric",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-art-marbling-colorful_181624-61551.jpg",
},
{
id: "f6",
name: "Traditional Rose",
price: "$220",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-ornamental-tattoos_23-2147560583.jpg",
},
{ id: "f1", name: "Skeleton Art", price: "$150", imageSrc: "http://img.b2bpic.net/free-vector/vintage-emblem-with-candle-skull-illustration-set_74855-15571.jpg" },
{ id: "f2", name: "Botanical", price: "$200", imageSrc: "http://img.b2bpic.net/free-vector/variety-flowers-leaves_23-2148280054.jpg" },
{ id: "f3", name: "Eagle Dagger", price: "$300", imageSrc: "http://img.b2bpic.net/free-vector/hand-painted-artistic-tattoos_23-2147560582.jpg" },
{ id: "f4", name: "Dark Creature", price: "$250", imageSrc: "http://img.b2bpic.net/free-vector/decorative-butterflies-set_98292-1956.jpg" },
{ id: "f5", name: "Geometric", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-art-marbling-colorful_181624-61551.jpg" },
{ id: "f6", name: "Traditional Rose", price: "$220", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-ornamental-tattoos_23-2147560583.jpg" },
]}
title="The Style Matrix"
description="Fine-line, Blackwork, and Traditional. Our collection of pre-drawn flash."
@@ -150,46 +79,17 @@ export default function LandingPage() {
<div id="retail" data-section="retail">
<ProductCardOne
animationType="opacity"
textboxLayout="split-description"
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{
id: "r1",
name: "Sullen Graphic Tee",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-stairs_23-2149439806.jpg",
},
{
id: "r2",
name: "Heavyweight Hoodie",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-wearing-hoodie-mockup_23-2149296347.jpg",
},
{
id: "r3",
name: "Signature Beanie",
price: "$30",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-earphones_23-2148861898.jpg",
},
{
id: "r4",
name: "Branded Snapback",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-posing-studio_176474-72989.jpg",
},
{
id: "r5",
name: "Long-Sleeve Tee",
price: "$50",
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-looking-trendy-merchandise-stand-hangers_482257-104698.jpg",
},
{
id: "r6",
name: "Accessory Kit",
price: "$40",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg",
},
{ id: "r1", name: "Sullen Graphic Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-stairs_23-2149439806.jpg" },
{ id: "r2", name: "Heavyweight Hoodie", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-wearing-hoodie-mockup_23-2149296347.jpg" },
{ id: "r3", name: "Signature Beanie", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-earphones_23-2148861898.jpg" },
{ id: "r4", name: "Branded Snapback", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-posing-studio_176474-72989.jpg" },
{ id: "r5", name: "Long-Sleeve Tee", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-looking-trendy-merchandise-stand-hangers_482257-104698.jpg" },
{ id: "r6", name: "Accessory Kit", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg" },
]}
title="The Retail Vault"
description="Exclusive Sullen Clothing pieces displayed in our curated gallery."
@@ -203,21 +103,9 @@ export default function LandingPage() {
tag="Meet our team"
membersAnimation="slide-up"
members={[
{
id: "a1",
name: "Alex Smith",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-his-body-holding-photo-camera-isolated-grey_613910-7860.jpg",
},
{
id: "a2",
name: "Jordan Lee",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-suit-posing-black-white_23-2149411393.jpg",
},
{
id: "a3",
name: "Morgan Taylor",
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-front-his-studio_23-2149479275.jpg",
},
{ id: "a1", name: "Alex Smith", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-his-body-holding-photo-camera-isolated-grey_613910-7860.jpg" },
{ id: "a2", name: "Jordan Lee", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-suit-posing-black-white_23-2149411393.jpg" },
{ id: "a3", name: "Morgan Taylor", imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-front-his-studio_23-2149479275.jpg" },
]}
memberVariant="card"
/>
@@ -230,26 +118,11 @@ export default function LandingPage() {
rating={5}
author="Jamie R."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg",
alt: "Sarah",
},
{
src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",
alt: "Mike",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg",
alt: "Jessica",
},
{
src: "http://img.b2bpic.net/free-photo/person-pressing-buzzer_23-2149731396.jpg",
alt: "Tom",
},
{
src: "http://img.b2bpic.net/free-photo/confident-pretty-caucasian-woman-stands-sideways-with-crossed-arms-olive-green_141793-69326.jpg",
alt: "Chloe",
},
{ src: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg", alt: "Sarah" },
{ src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg", alt: "Mike" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg", alt: "Jessica" },
{ src: "http://img.b2bpic.net/free-photo/person-pressing-buzzer_23-2149731396.jpg", alt: "Tom" },
{ src: "http://img.b2bpic.net/free-photo/confident-pretty-caucasian-woman-stands-sideways-with-crossed-arms-olive-green_141793-69326.jpg", alt: "Chloe" },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -262,21 +135,9 @@ export default function LandingPage() {
title="Studio Impact"
tag="By the numbers"
metrics={[
{
id: "m1",
value: "10K+",
description: "Tattoos completed",
},
{
id: "m2",
value: "500+",
description: "Flash designs",
},
{
id: "m3",
value: "20",
description: "Years in business",
},
{ id: "m1", value: "10K+", description: "Tattoos completed" },
{ id: "m2", value: "500+", description: "Flash designs" },
{ id: "m3", value: "20", description: "Years in business" },
]}
metricsAnimation="slide-up"
/>
@@ -285,21 +146,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "cell-wave",
}}
background={{ variant: "cell-wave" }}
tag="Let's work together"
title="Book Your Session"
description="Walk-ins are always welcome, or book your custom flash today."
buttons={[
{
text: "WALK-INS WELCOME",
href: "#",
},
{
text: "BOOK CUSTOM FLASH",
href: "#",
},
{ text: "WALK-INS WELCOME", href: "#" },
{ text: "BOOK CUSTOM FLASH", href: "#" },
]}
/>
</div>
@@ -307,17 +160,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="PRIMITIVE TATTOO"
leftLink={{
text: "Privacy",
href: "#",
}}
rightLink={{
text: "Terms",
href: "#",
}}
leftLink={{ text: "Privacy", href: "#" }}
rightLink={{ text: "Terms", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}