Update src/app/page.tsx
This commit is contained in:
159
src/app/page.tsx
159
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Artists",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Artists", id: "team" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Book Now", id: "contact" },
|
||||
]}
|
||||
brandName="Circus Tattoo"
|
||||
/>
|
||||
@@ -56,38 +44,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Circus Tattoo: Where Art Meets Skin"
|
||||
description="Custom tattoo artistry by award-winning artists. Every design tells your story. Book your consultation today."
|
||||
tag="PREMIUM CUSTOM TATTOO STUDIO"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Design",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Design", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-photo-different-equipment-tattoo-making-tattoo-salon_613910-17242.jpg",
|
||||
imageAlt: "Artistic tattoo design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-photo-different-equipment-tattoo-making-tattoo-salon_613910-17242.jpg", imageAlt: "Artistic tattoo design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattoo-studio-with-masters-clients_23-2147834102.jpg",
|
||||
imageAlt: "Tattoo artist at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-tattoo-artist-black-gloves-is-tuning-her-tattoo-machine-before-tattoo-session_613910-17248.jpg",
|
||||
imageAlt: "Young attractive tattoo artist in black gloves is tuning her tattoo machine before tattoo session.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-tattoo-artist-indoors_23-2149445991.jpg",
|
||||
imageAlt: "Medium shot smiley tattoo artist indoors",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-tattoo-master-is-standing-crossed-her-hands-while-attractive-girl-is-waiting-her-couch_613910-6198.jpg",
|
||||
imageAlt: "Young tattoo master is standing crossed her hands while attractive girl is waiting her on the couch.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattoo-studio-with-masters-clients_23-2147834102.jpg", imageAlt: "Tattoo artist at work"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -110,29 +79,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: PenTool,
|
||||
title: "Custom Design",
|
||||
description: "Every project starts with a bespoke consultation to match your vision.",
|
||||
},
|
||||
title: "Custom Design", description: "Every project starts with a bespoke consultation to match your vision."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Safety First",
|
||||
description: "We adhere to the highest industry standards for health and hygiene.",
|
||||
},
|
||||
title: "Safety First", description: "We adhere to the highest industry standards for health and hygiene."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Expert Artistry",
|
||||
description: "Our award-winning artists specialize in diverse styles from realism to neo-traditional.",
|
||||
},
|
||||
title: "Expert Artistry", description: "Our award-winning artists specialize in diverse styles from realism to neo-traditional."},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Color Mastery",
|
||||
description: "Using high-quality pigments to ensure long-lasting vibrancy and depth.",
|
||||
},
|
||||
title: "Color Mastery", description: "Using high-quality pigments to ensure long-lasting vibrancy and depth."},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Client Care",
|
||||
description: "Personalized aftercare advice to help your tattoo heal perfectly.",
|
||||
},
|
||||
title: "Client Care", description: "Personalized aftercare advice to help your tattoo heal perfectly."},
|
||||
]}
|
||||
title="Our Professional Process"
|
||||
description="From your initial idea to the final touch, we ensure a seamless and safe experience."
|
||||
@@ -147,35 +106,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus V.",
|
||||
role: "Lead Realism Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094576.jpg",
|
||||
},
|
||||
id: "t1", name: "Marcus V.", role: "Lead Realism Artist", imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094576.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena R.",
|
||||
role: "Neo-Traditional Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020819.jpg",
|
||||
},
|
||||
id: "t2", name: "Elena R.", role: "Neo-Traditional Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020819.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam K.",
|
||||
role: "Fine Line Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9532.jpg",
|
||||
},
|
||||
id: "t3", name: "Sam K.", role: "Fine Line Expert", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9532.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jordan P.",
|
||||
role: "Illustrative Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-tattooed-traveler-hipster-male-holds-tweed-hat-his-arms-backpack-his-back_613910-8.jpg",
|
||||
},
|
||||
id: "t4", name: "Jordan P.", role: "Illustrative Artist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-tattooed-traveler-hipster-male-holds-tweed-hat-his-arms-backpack-his-back_613910-8.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex B.",
|
||||
role: "Minimalist Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-tattooer-prepearing-doing-tattoo-by-tattoo-machine-spending-time-modern-tattoo-studio_574295-665.jpg",
|
||||
},
|
||||
id: "t5", name: "Alex B.", role: "Minimalist Specialist", imageSrc: "http://img.b2bpic.net/free-photo/professional-tattooer-prepearing-doing-tattoo-by-tattoo-machine-spending-time-modern-tattoo-studio_574295-665.jpg"},
|
||||
]}
|
||||
title="Meet Our Resident Artists"
|
||||
description="Get to know the masters behind the needle."
|
||||
@@ -187,30 +126,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-blond-bearded-male-dressed-leather-jacket-sits-table-cafe_613910-16383.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-blond-bearded-male-dressed-leather-jacket-sits-table-cafe_613910-16383.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattoo-artist-doing-her-job-medium-shot_23-2149445983.jpg",
|
||||
},
|
||||
id: "2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/tattoo-artist-doing-her-job-medium-shot_23-2149445983.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-sunglasses-with-tattoo-his-arm_613910-12144.jpg",
|
||||
},
|
||||
id: "3", name: "Emily P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-sunglasses-with-tattoo-his-arm_613910-12144.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-woman-winking-showing-big-thumbs-up-pretty-girl-black-jacket-widely-smiling-looking-into-camera-isolated-background_197531-18492.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/cool-woman-winking-showing-big-thumbs-up-pretty-girl-black-jacket-widely-smiling-looking-into-camera-isolated-background_197531-18492.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-european-bearded-male-with-arm-tattoos-positively-smiling_181624-40445.jpg",
|
||||
},
|
||||
id: "5", name: "Chloe L.", imageSrc: "http://img.b2bpic.net/free-photo/cool-european-bearded-male-with-arm-tattoos-positively-smiling_181624-40445.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="REVIEWS"
|
||||
@@ -224,30 +148,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book?",
|
||||
content: "Start by clicking 'Book Now' and filling out our initial inquiry form.",
|
||||
},
|
||||
id: "f1", title: "How do I book?", content: "Start by clicking 'Book Now' and filling out our initial inquiry form."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your rates?",
|
||||
content: "Pricing varies based on design complexity, size, and artist experience.",
|
||||
},
|
||||
id: "f2", title: "What are your rates?", content: "Pricing varies based on design complexity, size, and artist experience."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is it safe?",
|
||||
content: "Yes, we prioritize health, safety, and single-use equipment.",
|
||||
},
|
||||
id: "f3", title: "Is it safe?", content: "Yes, we prioritize health, safety, and single-use equipment."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do I need a deposit?",
|
||||
content: "Yes, a non-refundable deposit is required to secure your appointment time.",
|
||||
},
|
||||
id: "f4", title: "Do I need a deposit?", content: "Yes, a non-refundable deposit is required to secure your appointment time."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Can I bring a friend?",
|
||||
content: "We allow one guest to accompany you to ensure a focused environment.",
|
||||
},
|
||||
id: "f5", title: "Can I bring a friend?", content: "We allow one guest to accompany you to ensure a focused environment."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to everything you need to know about your next tattoo."
|
||||
@@ -260,14 +169,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InkMaster Pro",
|
||||
"SafeNeedle Co",
|
||||
"ArtGrid Studio",
|
||||
"TattooLife Magazine",
|
||||
"CreativeInk Hub",
|
||||
"SterileTech",
|
||||
"ExpoTattoo Events",
|
||||
]}
|
||||
"InkMaster Pro", "SafeNeedle Co", "ArtGrid Studio", "TattooLife Magazine", "CreativeInk Hub", "SterileTech", "ExpoTattoo Events"]}
|
||||
title="Industry Partners"
|
||||
description="Proudly working with top industry brands."
|
||||
/>
|
||||
@@ -277,8 +179,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="CONTACT"
|
||||
title="Book Your Session"
|
||||
description="Ready to get inked? Tell us about your idea today."
|
||||
|
||||
Reference in New Issue
Block a user