Merge version_1 into main #2
233
src/app/page.tsx
233
src/app/page.tsx
@@ -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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user