Merge version_1 into main #2
236
src/app/page.tsx
236
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Artists",
|
||||
id: "#artists",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Artists", id: "#artists" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Suri Tatu"
|
||||
/>
|
||||
@@ -55,42 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ink Your Vision at Suri Tatu"
|
||||
description="Experience premium tattoo artistry in a sanctuary of creativity. Our master artists bring your unique stories to life with precision and passion."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Session",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Session", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-drawing-tattoo-leg_23-2147834098.jpg?_wi=1",
|
||||
imageAlt: "Studio vibe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattoo-artist-doing-his-job-medium-shot_23-2149525947.jpg?_wi=1",
|
||||
imageAlt: "Minimalist aesthetic",
|
||||
},
|
||||
{
|
||||
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: "Modern shop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-man-waiting-bar_23-2148111049.jpg",
|
||||
imageAlt: "Tools of art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-tattoo-artist-indoors_23-2149445991.jpg",
|
||||
imageAlt: "Gallery view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paint-mixing-black_23-2147746076.jpg",
|
||||
imageAlt: "Artistic workspace",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/master-drawing-tattoo-leg_23-2147834098.jpg", imageAlt: "Studio vibe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tattoo-artist-doing-his-job-medium-shot_23-2149525947.jpg", imageAlt: "Minimalist aesthetic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-focused-tattoo-master-is-makining-tattoo-client-s-hand-dark-tattoo-salon_613910-17258.jpg", imageAlt: "Modern shop" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tattooed-man-waiting-bar_23-2148111049.jpg", imageAlt: "Tools of art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-tattoo-artist-indoors_23-2149445991.jpg", imageAlt: "Gallery view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/paint-mixing-black_23-2147746076.jpg", imageAlt: "Artistic workspace" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,9 +63,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Artistry"
|
||||
description={[
|
||||
"Founded on the principles of excellence and individuality, Suri Tatu provides an unparalleled tattoo experience.",
|
||||
"We combine traditional craftsmanship with modern safety standards, ensuring every piece we create is a masterpiece that honors your personal journey.",
|
||||
]}
|
||||
"Founded on the principles of excellence and individuality, Suri Tatu provides an unparalleled tattoo experience.", "We combine traditional craftsmanship with modern safety standards, ensuring every piece we create is a masterpiece that honors your personal journey."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,49 +74,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sterilized Precision",
|
||||
description: "We uphold the highest hygiene standards, ensuring a safe and clean environment for every client.",
|
||||
icon: Shield,
|
||||
title: "Sterilized Precision", description: "We uphold the highest hygiene standards, ensuring a safe and clean environment for every client.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-tattoo-artist-doing-her-job_23-2149445992.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094603.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-tattoo-artist-doing-her-job_23-2149445992.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094603.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-drawing-tattoo-leg_23-2147834098.jpg?_wi=2",
|
||||
imageAlt: "sterilized tattoo equipment close up",
|
||||
},
|
||||
{
|
||||
title: "Custom Artistry",
|
||||
description: "Your vision is our blueprint. Our artists collaborate closely with you to create bespoke, meaningful designs.",
|
||||
icon: Palette,
|
||||
title: "Custom Artistry", description: "Your vision is our blueprint. Our artists collaborate closely with you to create bespoke, meaningful designs.", icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-practicing-japanese-handwriting-with-assortment-tools_23-2149124212.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-artist-painting-tattoo-studio_23-2147834104.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-practicing-japanese-handwriting-with-assortment-tools_23-2149124212.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-artist-painting-tattoo-studio_23-2147834104.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattoo-artist-doing-his-job-medium-shot_23-2149525947.jpg?_wi=2",
|
||||
imageAlt: "sterilized tattoo equipment close up",
|
||||
},
|
||||
{
|
||||
title: "Expert Aftercare",
|
||||
description: "Our care doesn't stop when you leave. We provide professional aftercare guidance to ensure your piece ages perfectly.",
|
||||
icon: Award,
|
||||
title: "Expert Aftercare", description: "Our care doesn't stop when you leave. We provide professional aftercare guidance to ensure your piece ages perfectly.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-tattoos-wearing-headphones-listens-music-draws-notebook_1321-941.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talented-tattoo-artist-doing-his-job-side-view_23-2149525939.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-tattoos-wearing-headphones-listens-music-draws-notebook_1321-941.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/talented-tattoo-artist-doing-his-job-side-view_23-2149525939.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: "sterilized tattoo equipment close up",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Suri Tatu"
|
||||
@@ -170,30 +107,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
role: "Lead Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-man-his-his-greenhouse_53876-98136.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus J.",
|
||||
role: "Fine Line Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-tattoo-master-is-standing-crossed-her-hands-while-attractive-girl-is-waiting-her-couch_613910-6219.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Suri K.",
|
||||
role: "Neo-Traditional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-man-drinking-coffee-cafe_1321-903.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julian T.",
|
||||
role: "Blackwork Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/busy-diligent-woman-is-working-lamp-studio-with-tape-colourful-triangles_613910-21515.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elena R.", role: "Lead Artist", imageSrc: "http://img.b2bpic.net/free-photo/blonde-man-his-his-greenhouse_53876-98136.jpg" },
|
||||
{ id: "2", name: "Marcus J.", role: "Fine Line Expert", imageSrc: "http://img.b2bpic.net/free-photo/young-tattoo-master-is-standing-crossed-her-hands-while-attractive-girl-is-waiting-her-couch_613910-6219.jpg" },
|
||||
{ id: "3", name: "Suri K.", role: "Neo-Traditional", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-man-drinking-coffee-cafe_1321-903.jpg" },
|
||||
{ id: "4", name: "Julian T.", role: "Blackwork Specialist", imageSrc: "http://img.b2bpic.net/free-photo/busy-diligent-woman-is-working-lamp-studio-with-tape-colourful-triangles_613910-21515.jpg" },
|
||||
]}
|
||||
title="Meet Our Master Artists"
|
||||
description="Highly skilled professionals dedicated to their craft."
|
||||
@@ -206,24 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Completed Projects",
|
||||
value: "15,000+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Awards Won",
|
||||
value: "25",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Smile,
|
||||
title: "Happy Clients",
|
||||
value: "99%",
|
||||
},
|
||||
{ id: "m1", icon: Star, title: "Completed Projects", value: "15,000+" },
|
||||
{ id: "m2", icon: Award, title: "Awards Won", value: "25" },
|
||||
{ id: "m3", icon: Smile, title: "Happy Clients", value: "99%" },
|
||||
]}
|
||||
title="Driven by Quality"
|
||||
description="Our numbers reflect our dedication to artistry and customer satisfaction."
|
||||
@@ -234,31 +136,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-hipster-couple_23-2148111153.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-is-showing-her-hand-white-background_176474-114849.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jen W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-goodlooking-stylish-relaxed-blond-woman-with-tattoos-arms-holding-hands-behin_1258-136788.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-tattooed-person_23-2149563356.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sam R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-tattooed-girl-closing-ears-with-hands-shouting_176420-9425.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-hipster-couple_23-2148111153.jpg" },
|
||||
{ id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-is-showing-her-hand-white-background_176474-114849.jpg" },
|
||||
{ id: "3", name: "Jen W.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-goodlooking-stylish-relaxed-blond-woman-with-tattoos-arms-holding-hands-behin_1258-136788.jpg" },
|
||||
{ id: "4", name: "Alex B.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-tattooed-person_23-2149563356.jpg" },
|
||||
{ id: "5", name: "Sam R.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-tattooed-girl-closing-ears-with-hands-shouting_176420-9425.jpg" },
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -271,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I book?",
|
||||
content: "You can fill out our online contact form to request a consultation.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are walk-ins welcome?",
|
||||
content: "We operate primarily by appointment to ensure each client gets our full attention.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What's the healing process?",
|
||||
content: "Healing varies per person but generally takes about 2-3 weeks with proper care.",
|
||||
},
|
||||
{ id: "1", title: "How do I book?", content: "You can fill out our online contact form to request a consultation." },
|
||||
{ id: "2", title: "Are walk-ins welcome?", content: "We operate primarily by appointment to ensure each client gets our full attention." },
|
||||
{ id: "3", title: "What's the healing process?", content: "Healing varies per person but generally takes about 2-3 weeks with proper care." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know before your appointment."
|
||||
@@ -296,9 +166,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Start Your Masterpiece"
|
||||
description="Ready to get inked? Send us a message and we'll discuss your vision for your next custom tattoo."
|
||||
@@ -310,32 +178,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Studio Info",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Aftercare",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Studio Info", items: [{ label: "About Us", href: "#about" }, { label: "Portfolio", href: "#portfolio" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Aftercare", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Suri Tatu. All rights reserved."
|
||||
bottomRightText="123 Artist Way, Ink City"
|
||||
|
||||
Reference in New Issue
Block a user