Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-28 21:16:43 +00:00

View File

@@ -31,17 +31,11 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Portfolio",
id: "portfolio",
},
name: "Portfolio", id: "portfolio"},
{
name: "Booking",
id: "pricing",
},
name: "Booking", id: "pricing"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Slater"
/>
@@ -50,42 +44,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Dark Ethereal Fine Line Artistry"
description="Professional tattoo artist specializing in delicate bone structures and ethereal fine-line designs. Create your permanent vision with precision."
tag="Available for Booking"
buttons={[
{
text: "Book Session",
href: "#contact",
},
text: "Book Session", href: "#contact"},
{
text: "View Portfolio",
href: "#portfolio",
},
text: "View Portfolio", href: "#portfolio"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/skull-with-hand-drawn-wreath_23-2147610865.jpg?_wi=1",
imageAlt: "Bone fine line tattoo",
},
imageSrc: "http://img.b2bpic.net/free-vector/skull-with-hand-drawn-wreath_23-2147610865.jpg", imageAlt: "Bone fine line tattoo"},
{
imageSrc: "http://img.b2bpic.net/free-photo/skull-flower-arrangement-still-life_23-2150569359.jpg?_wi=1",
imageAlt: "Tattoo studio aesthetic",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/floral-skull-drawing_23-2147498903.jpg",
imageAlt: "Floral skull drawing",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/isolated-illustration_1284-50120.jpg",
imageAlt: "Isolated illustration",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/esoteric-mystical-elements-concept_23-2148565914.jpg",
imageAlt: "Esoteric mystical elements concept",
},
imageSrc: "http://img.b2bpic.net/free-photo/skull-flower-arrangement-still-life_23-2150569359.jpg", imageAlt: "Tattoo studio aesthetic"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -112,59 +85,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Ethereal",
name: "Ribcage Detail",
price: "Session Work",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/hand-decorative-skeleton-touching-woman-s-shoulder_23-2147903136.jpg",
},
id: "1", brand: "Ethereal", name: "Ribcage Detail", price: "Session Work", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/hand-decorative-skeleton-touching-woman-s-shoulder_23-2147903136.jpg"},
{
id: "2",
brand: "Ethereal",
name: "Skull Study",
price: "Session Work",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-vector/four-alchemy-esoteric-icons_24908-77743.jpg",
},
id: "2", brand: "Ethereal", name: "Skull Study", price: "Session Work", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-vector/four-alchemy-esoteric-icons_24908-77743.jpg"},
{
id: "3",
brand: "Ethereal",
name: "Hand Anatomy",
price: "Session Work",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-clean-shaven-man-with-tattoos_1122-1461.jpg",
},
id: "3", brand: "Ethereal", name: "Hand Anatomy", price: "Session Work", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-clean-shaven-man-with-tattoos_1122-1461.jpg"},
{
id: "4",
brand: "Ethereal",
name: "Spinal Fine Line",
price: "Session Work",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-halloween-texture-design_23-2151853402.jpg",
},
id: "4", brand: "Ethereal", name: "Spinal Fine Line", price: "Session Work", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/abstract-halloween-texture-design_23-2151853402.jpg"},
{
id: "5",
brand: "Ethereal",
name: "Floral Bones",
price: "Session Work",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-death-moth-drawing-illustration_52683-129287.jpg",
},
id: "5", brand: "Ethereal", name: "Floral Bones", price: "Session Work", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-death-moth-drawing-illustration_52683-129287.jpg"},
{
id: "6",
brand: "Ethereal",
name: "Minimalist Anatomy",
price: "Session Work",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-ink-drop-water_1112-475.jpg",
},
id: "6", brand: "Ethereal", name: "Minimalist Anatomy", price: "Session Work", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-ink-drop-water_1112-475.jpg"},
]}
title="Portfolio"
description="A curated selection of recent bone-themed and fine-line works."
@@ -178,56 +115,23 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "small",
title: "Small Piece",
price: "From $150",
period: "Fixed",
features: [
"Consultation included",
"Fine line precision",
"Aftercare guide",
],
id: "small", title: "Small Piece", price: "From $150", period: "Fixed", features: [
"Consultation included", "Fine line precision", "Aftercare guide"],
button: {
text: "Book",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-death-moth-drawing-illustration_23-2150594955.jpg",
imageAlt: "Hand drawn death moth drawing illustration",
},
text: "Book", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-death-moth-drawing-illustration_23-2150594955.jpg", imageAlt: "Hand drawn death moth drawing illustration"},
{
id: "med",
title: "Medium Piece",
price: "From $300",
period: "Fixed",
features: [
"Custom design session",
"Anatomical focus",
"Post-tattoo check",
],
id: "med", title: "Medium Piece", price: "From $300", period: "Fixed", features: [
"Custom design session", "Anatomical focus", "Post-tattoo check"],
button: {
text: "Book",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-vector/skull-with-hand-drawn-wreath_23-2147610865.jpg?_wi=2",
imageAlt: "Hand drawn death moth drawing illustration",
},
text: "Book", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-vector/skull-with-hand-drawn-wreath_23-2147610865.jpg", imageAlt: "Hand drawn death moth drawing illustration"},
{
id: "large",
title: "Large Scale",
price: "By Consultation",
period: "Hourly",
features: [
"Full bone structure",
"Intricate detail",
"Dedicated attention",
],
id: "large", title: "Large Scale", price: "By Consultation", period: "Hourly", features: [
"Full bone structure", "Intricate detail", "Dedicated attention"],
button: {
text: "Book",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/skull-flower-arrangement-still-life_23-2150569359.jpg?_wi=2",
imageAlt: "Hand drawn death moth drawing illustration",
},
text: "Book", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/skull-flower-arrangement-still-life_23-2150569359.jpg", imageAlt: "Hand drawn death moth drawing illustration"},
]}
title="Booking & Rates"
description="Ready to get inked? Transparent pricing for high-quality tattoo work."
@@ -241,40 +145,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex R.",
role: "Collector",
testimonial: "The precision is unmatched. The bone detail feels alive.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-with-tattooed-naked-torso-crossed-arms-sits-chair-dark-grey-background_613910-1780.jpg",
},
id: "1", name: "Alex R.", role: "Collector", testimonial: "The precision is unmatched. The bone detail feels alive.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-with-tattooed-naked-torso-crossed-arms-sits-chair-dark-grey-background_613910-1780.jpg"},
{
id: "2",
name: "Sam B.",
role: "Client",
testimonial: "Dark, ethereal, exactly what I envisioned.",
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-pointing-book-studying_23-2147737568.jpg",
},
id: "2", name: "Sam B.", role: "Client", testimonial: "Dark, ethereal, exactly what I envisioned.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-pointing-book-studying_23-2147737568.jpg"},
{
id: "3",
name: "Jordan P.",
role: "Collector",
testimonial: "Slater is an artist first, tattooist second.",
imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-old-woman-wearing-hat_250224-37.jpg",
},
id: "3", name: "Jordan P.", role: "Collector", testimonial: "Slater is an artist first, tattooist second.", imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-old-woman-wearing-hat_250224-37.jpg"},
{
id: "4",
name: "Casey W.",
role: "Client",
testimonial: "So gentle yet so detailed. Incredible atmosphere.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-2923.jpg",
},
id: "4", name: "Casey W.", role: "Client", testimonial: "So gentle yet so detailed. Incredible atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-2923.jpg"},
{
id: "5",
name: "Jamie M.",
role: "Collector",
testimonial: "I travel across the country for these lines.",
imageSrc: "http://img.b2bpic.net/free-photo/crop-couple-holding-hands-belly_1153-2654.jpg",
},
id: "5", name: "Jamie M.", role: "Collector", testimonial: "I travel across the country for these lines.", imageSrc: "http://img.b2bpic.net/free-photo/crop-couple-holding-hands-belly_1153-2654.jpg"},
]}
title="Client Experience"
description="What our clients are saying about the Slater experience."
@@ -287,20 +166,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I book?",
content: "Use the contact form below and include your ideas, placement, and size.",
},
id: "f1", title: "How do I book?", content: "Use the contact form below and include your ideas, placement, and size."},
{
id: "f2",
title: "How do I care for my tattoo?",
content: "We provide a complete aftercare guide with every piece.",
},
id: "f2", title: "How do I care for my tattoo?", content: "We provide a complete aftercare guide with every piece."},
{
id: "f3",
title: "What is the deposit policy?",
content: "A non-refundable deposit is required to secure all booking appointments.",
},
id: "f3", title: "What is the deposit policy?", content: "A non-refundable deposit is required to secure all booking appointments."},
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-tattoo-artist-doing-her-job_23-2149445982.jpg"
title="Studio Info"
@@ -313,14 +183,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Ready for your next piece? Let's discuss your bones and lines."
buttons={[
{
text: "Contact Studio",
href: "#contact",
},
text: "Contact Studio", href: "#contact"},
]}
/>
</div>
@@ -331,25 +198,17 @@ export default function LandingPage() {
{
items: [
{
label: "Portfolio",
href: "#portfolio",
},
label: "Portfolio", href: "#portfolio"},
{
label: "Booking",
href: "#pricing",
},
label: "Booking", href: "#pricing"},
],
},
{
items: [
{
label: "Instagram",
href: "https://www.instagram.com/lanadelslaytattoos/",
},
label: "Instagram", href: "https://www.instagram.com/lanadelslaytattoos/"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}