Update src/app/page.tsx
This commit is contained in:
233
src/app/page.tsx
233
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Works",
|
||||
id: "works",
|
||||
},
|
||||
name: "Works", id: "works"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Tattoo Phoenix"
|
||||
/>
|
||||
@@ -64,48 +52,27 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Artistry Written in Ink"
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Expert Fine-Line Artistry in Greensboro"
|
||||
description="Experience professional, fine-line tattoo craftsmanship and expert piercings by Da Kim. Greensboro's choice for custom designs and budget-friendly artistry."
|
||||
tag="Est. Fine Line Specialist"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-tattoos-wearing-headphones-listens-music-draws-notebook_1321-940.jpg?_wi=1",
|
||||
imageAlt: "Fine line tattoo detail",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-man-tattoos-wearing-headphones-listens-music-draws-notebook_1321-940.jpg?_wi=1", imageAlt: "Fine line tattoo detail"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-tattooed-person_23-2149563288.jpg?_wi=1",
|
||||
imageAlt: "Piercing equipment",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-tattooed-person_23-2149563288.jpg?_wi=1", imageAlt: "Piercing equipment"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-man-waiting-bar_23-2148111049.jpg?_wi=1",
|
||||
imageAlt: "Tattoo sketching",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-man-waiting-bar_23-2148111049.jpg?_wi=1", imageAlt: "Tattoo sketching"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-focused-tattoo-master-is-makining-tattoo-client-s-hand-dark-tattoo-salon_613910-17258.jpg?_wi=1",
|
||||
imageAlt: "Studio interior",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/young-focused-tattoo-master-is-makining-tattoo-client-s-hand-dark-tattoo-salon_613910-17258.jpg?_wi=1", imageAlt: "Studio interior"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-sexy-man-with-long-hair-mustache-knitted-sweater-portrait-outside-close-up_1321-4575.jpg?_wi=1",
|
||||
imageAlt: "Black and grey art",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-sexy-man-with-long-hair-mustache-knitted-sweater-portrait-outside-close-up_1321-4575.jpg?_wi=1", imageAlt: "Black and grey art"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-front-his-studio_23-2149479274.jpg",
|
||||
imageAlt: "Artist Da Kim",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-front-his-studio_23-2149479274.jpg", imageAlt: "Artist Da Kim"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,20 +85,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Fine-Line Tattoos",
|
||||
description: "Intricate, custom designs tailored to your vision with clean lines and expert execution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/original-tattoos-elements-linear-style_23-2147560824.jpg",
|
||||
},
|
||||
title: "Custom Fine-Line Tattoos", description: "Intricate, custom designs tailored to your vision with clean lines and expert execution.", imageSrc: "http://img.b2bpic.net/free-vector/original-tattoos-elements-linear-style_23-2147560824.jpg"},
|
||||
{
|
||||
title: "Expert Body Piercings",
|
||||
description: "Professional, safe, and hygienic piercing services with a wide selection of jewelry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-jewelry-makeup_23-2150738193.jpg",
|
||||
},
|
||||
title: "Expert Body Piercings", description: "Professional, safe, and hygienic piercing services with a wide selection of jewelry.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-jewelry-makeup_23-2150738193.jpg"},
|
||||
{
|
||||
title: "Professional Cover-ups",
|
||||
description: "Transform existing ink with masterful cover-up techniques designed to blend and reinvent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-tattooed-man-having-breakfast-bed-open-air-outdoors-garden_1321-994.jpg",
|
||||
},
|
||||
title: "Professional Cover-ups", description: "Transform existing ink with masterful cover-up techniques designed to blend and reinvent.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-tattooed-man-having-breakfast-bed-open-air-outdoors-garden_1321-994.jpg"},
|
||||
]}
|
||||
title="Professional Tattoo & Piercing Services"
|
||||
description="We specialize in custom artwork, fine-line precision, and safe, professional piercing procedures for every style."
|
||||
@@ -159,41 +117,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Custom Fine-Line",
|
||||
price: "Starts $35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talented-girl-is-sketching-digital-tablet-while-sitting-her-cozy-studio_613910-11488.jpg",
|
||||
},
|
||||
id: "1", name: "Custom Fine-Line", price: "Starts $35", imageSrc: "http://img.b2bpic.net/free-photo/talented-girl-is-sketching-digital-tablet-while-sitting-her-cozy-studio_613910-11488.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Detailed Cover-up",
|
||||
price: "Starts $35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-hands-hands-holding-glass-with-coffee_1321-872.jpg",
|
||||
},
|
||||
id: "2", name: "Detailed Cover-up", price: "Starts $35", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-hands-hands-holding-glass-with-coffee_1321-872.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Original Design",
|
||||
price: "Starts $35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tattoo-needle_23-2149479268.jpg",
|
||||
},
|
||||
id: "3", name: "Original Design", price: "Starts $35", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tattoo-needle_23-2149479268.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Professional Piercing",
|
||||
price: "Starts $20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-colorful-tattoos-resting-white-sheet_1321-970.jpg",
|
||||
},
|
||||
id: "4", name: "Professional Piercing", price: "Starts $20", imageSrc: "http://img.b2bpic.net/free-photo/man-with-colorful-tattoos-resting-white-sheet_1321-970.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Minimalist Tattoo",
|
||||
price: "Starts $35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479246.jpg",
|
||||
},
|
||||
id: "5", name: "Minimalist Tattoo", price: "Starts $35", imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479246.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Custom Ink Work",
|
||||
price: "Starts $35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-tattoos-wearing-headphones-listens-music-draws-notebook_1321-944.jpg",
|
||||
},
|
||||
id: "6", name: "Custom Ink Work", price: "Starts $35", imageSrc: "http://img.b2bpic.net/free-photo/young-man-tattoos-wearing-headphones-listens-music-draws-notebook_1321-944.jpg"},
|
||||
]}
|
||||
title="Our Artistic Portfolio"
|
||||
description="Explore the precision and artistry of our recent custom tattoo works."
|
||||
@@ -207,26 +141,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "tattoo",
|
||||
badge: "Popular",
|
||||
price: "$35+",
|
||||
subtitle: "For custom tattoos of any size",
|
||||
features: [
|
||||
"Custom design",
|
||||
"Fine-line precision",
|
||||
"Walk-ins welcome",
|
||||
],
|
||||
id: "tattoo", badge: "Popular", price: "$35+", subtitle: "For custom tattoos of any size", features: [
|
||||
"Custom design", "Fine-line precision", "Walk-ins welcome"],
|
||||
},
|
||||
{
|
||||
id: "piercing",
|
||||
badge: "Essential",
|
||||
price: "$20+",
|
||||
subtitle: "For professional piercing services",
|
||||
features: [
|
||||
"Safe procedure",
|
||||
"Quality jewelry",
|
||||
"Expert care",
|
||||
],
|
||||
id: "piercing", badge: "Essential", price: "$20+", subtitle: "For professional piercing services", features: [
|
||||
"Safe procedure", "Quality jewelry", "Expert care"],
|
||||
},
|
||||
]}
|
||||
title="Straightforward Pricing"
|
||||
@@ -240,60 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
date: "Oct 2023",
|
||||
title: "Great Experience",
|
||||
quote: "Da Kim did an amazing job with my cover-up! Affordable and professional.",
|
||||
tag: "Cover-up",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-female-friends-spending-time-together-drinking-wine-terrace_23-2149053073.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-tattoos-wearing-headphones-listens-music-draws-notebook_1321-940.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer healed tattoo",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", date: "Oct 2023", title: "Great Experience", quote: "Da Kim did an amazing job with my cover-up! Affordable and professional.", tag: "Cover-up", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-female-friends-spending-time-together-drinking-wine-terrace_23-2149053073.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-tattoos-wearing-headphones-listens-music-draws-notebook_1321-940.jpg?_wi=2", imageAlt: "satisfied customer healed tattoo"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
date: "Sep 2023",
|
||||
title: "Highly Recommend",
|
||||
quote: "Clean shop, fair pricing, and Da Kim is truly an artist.",
|
||||
tag: "Custom Art",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-hipster-couple_23-2148111153.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-tattooed-person_23-2149563288.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer healed tattoo",
|
||||
},
|
||||
id: "t2", name: "James Chen", date: "Sep 2023", title: "Highly Recommend", quote: "Clean shop, fair pricing, and Da Kim is truly an artist.", tag: "Custom Art", avatarSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-hipster-couple_23-2148111153.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-tattooed-person_23-2149563288.jpg?_wi=2", imageAlt: "satisfied customer healed tattoo"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Davis",
|
||||
date: "Aug 2023",
|
||||
title: "Best Piercing",
|
||||
quote: "Quick, professional, and very affordable pricing for piercings.",
|
||||
tag: "Piercing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479244.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-man-waiting-bar_23-2148111049.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer healed tattoo",
|
||||
},
|
||||
id: "t3", name: "Emily Davis", date: "Aug 2023", title: "Best Piercing", quote: "Quick, professional, and very affordable pricing for piercings.", tag: "Piercing", avatarSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479244.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-man-waiting-bar_23-2148111049.jpg?_wi=2", imageAlt: "satisfied customer healed tattoo"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael Ross",
|
||||
date: "Jul 2023",
|
||||
title: "Impressive Detail",
|
||||
quote: "The fine-line work is incredible. Will definitely be coming back.",
|
||||
tag: "Fine-line",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/tattooed-hands-coffee-laptop_1321-882.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-focused-tattoo-master-is-makining-tattoo-client-s-hand-dark-tattoo-salon_613910-17258.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer healed tattoo",
|
||||
},
|
||||
id: "t4", name: "Michael Ross", date: "Jul 2023", title: "Impressive Detail", quote: "The fine-line work is incredible. Will definitely be coming back.", tag: "Fine-line", avatarSrc: "http://img.b2bpic.net/free-photo/tattooed-hands-coffee-laptop_1321-882.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-focused-tattoo-master-is-makining-tattoo-client-s-hand-dark-tattoo-salon_613910-17258.jpg?_wi=2", imageAlt: "satisfied customer healed tattoo"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Wright",
|
||||
date: "Jun 2023",
|
||||
title: "Friendly Shop",
|
||||
quote: "Welcoming atmosphere, great advice, and I love my new ink.",
|
||||
tag: "Custom Ink",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-wearing-casual-white-shirt-isolated-background-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-6551.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-sexy-man-with-long-hair-mustache-knitted-sweater-portrait-outside-close-up_1321-4575.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer healed tattoo",
|
||||
},
|
||||
id: "t5", name: "Jessica Wright", date: "Jun 2023", title: "Friendly Shop", quote: "Welcoming atmosphere, great advice, and I love my new ink.", tag: "Custom Ink", avatarSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-wearing-casual-white-shirt-isolated-background-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-6551.jpg", imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-sexy-man-with-long-hair-mustache-knitted-sweater-portrait-outside-close-up_1321-4575.jpg?_wi=2", imageAlt: "satisfied customer healed tattoo"},
|
||||
]}
|
||||
title="Trusted by Greensboro"
|
||||
description="Join our growing family of satisfied clients who trust Da Kim for their artistic tattoo and piercing needs."
|
||||
@@ -306,20 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "While appointments are encouraged, we also welcome walk-ins for both tattoos and piercings.",
|
||||
},
|
||||
id: "f1", title: "Do I need an appointment?", content: "While appointments are encouraged, we also welcome walk-ins for both tattoos and piercings."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your starting prices?",
|
||||
content: "Tattoos start at $35, and piercings start at $20.",
|
||||
},
|
||||
id: "f2", title: "What are your starting prices?", content: "Tattoos start at $35, and piercings start at $20."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I bring my own design?",
|
||||
content: "Absolutely! We love working with your personal designs and ideas.",
|
||||
},
|
||||
id: "f3", title: "Can I bring my own design?", content: "Absolutely! We love working with your personal designs and ideas."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about your tattoo or piercing? We've got answers."
|
||||
@@ -331,8 +197,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Ready for your next tattoo?"
|
||||
description="Reach out to Da Kim today. We are located at 1618 Spring Garden St C, Greensboro, NC. Call us at (336) 521-5005."
|
||||
@@ -347,29 +212,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Custom Tattoos",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Custom Tattoos", href: "#services"},
|
||||
{
|
||||
label: "Body Piercings",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Body Piercings", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "1618 Spring Garden St C",
|
||||
href: "#",
|
||||
},
|
||||
label: "1618 Spring Garden St C", href: "#"},
|
||||
{
|
||||
label: "(336) 521-5005",
|
||||
href: "tel:3365215005",
|
||||
},
|
||||
label: "(336) 521-5005", href: "tel:3365215005"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -380,4 +235,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user