Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -31,101 +31,41 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Artists",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Artists", id: "team" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Annapolis Ink"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Premium Tattoos in Annapolis"
|
||||
description="Expert artists. Clean studio. Unmatched experience."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-tattoo-artist_23-2149525988.jpg",
|
||||
alt: "Artist 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tattooed-man-drinking-coffee-cafe_1321-906.jpg",
|
||||
alt: "Artist 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-2929.jpg",
|
||||
alt: "Artist 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094576.jpg",
|
||||
alt: "Artist 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-tattoo-artist_23-2149525988.jpg",
|
||||
alt: "Artist 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-tattoo-artist_23-2149525988.jpg", alt: "Artist 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tattooed-man-drinking-coffee-cafe_1321-906.jpg", alt: "Artist 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-2929.jpg", alt: "Artist 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094576.jpg", alt: "Artist 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-tattoo-artist_23-2149525988.jpg", alt: "Artist 5" },
|
||||
]}
|
||||
avatarText="50 rating from 800 reviews"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "View Portfolio", href: "#products" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Professional",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sterile",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Award Winning",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Inclusive",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Custom Art",
|
||||
icon: Palette,
|
||||
},
|
||||
{ type: "text-icon", text: "Professional", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "Sterile", icon: Shield },
|
||||
{ type: "text-icon", text: "Award Winning", icon: Award },
|
||||
{ type: "text-icon", text: "Inclusive", icon: Users },
|
||||
{ type: "text-icon", text: "Custom Art", icon: Palette },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,36 +87,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Senior Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-tattoo-artist_23-2149525988.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie M.",
|
||||
role: "Fine Line Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-man-drinking-coffee-cafe_1321-906.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Taylor S.",
|
||||
role: "Traditional Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-2929.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Morgan B.",
|
||||
role: "Custom Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094576.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan P.",
|
||||
role: "Black & Grey Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-tattoo-artist_23-2149525988.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", role: "Senior Artist", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-tattoo-artist_23-2149525988.jpg" },
|
||||
{ id: "2", name: "Jamie M.", role: "Fine Line Specialist", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-man-drinking-coffee-cafe_1321-906.jpg" },
|
||||
{ id: "3", name: "Taylor S.", role: "Traditional Expert", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-2929.jpg" },
|
||||
{ id: "4", name: "Morgan B.", role: "Custom Designer", imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094576.jpg" },
|
||||
{ id: "5", name: "Jordan P.", role: "Black & Grey Artist", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-tattoo-artist_23-2149525988.jpg" },
|
||||
]}
|
||||
title="Meet Our Expert Artists"
|
||||
description="Every artist is a specialist committed to creating meaningful work."
|
||||
@@ -185,44 +100,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best studio in Annapolis. So clean and the artists are truly talented.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-european-bearded-male-with-arm-tattoos-positively-smiling_181624-40445.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
handle: "@miked",
|
||||
testimonial: "Amazing work. Very inclusive and professional atmosphere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-handsome-bearded-tattooed-topless-man-with-purple-eye-patches-mask-posing-camera-pink_343596-3531.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
handle: "@emilyp",
|
||||
testimonial: "Loved the fine-line detail! Highly recommend this studio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-female-friends-spending-time-together-drinking-wine-terrace_23-2149053073.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Expert work in a welcoming, judgment-free space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-tattooed-person_23-2149563290.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jessical",
|
||||
testimonial: "Professional from start to finish. My go-to tattoo studio!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-tattoo-artist_23-2149525988.jpg?_wi=3",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best studio in Annapolis. So clean and the artists are truly talented.", imageSrc: "http://img.b2bpic.net/free-photo/cool-european-bearded-male-with-arm-tattoos-positively-smiling_181624-40445.jpg" },
|
||||
{ id: "2", name: "Mike D.", handle: "@miked", testimonial: "Amazing work. Very inclusive and professional atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/european-handsome-bearded-tattooed-topless-man-with-purple-eye-patches-mask-posing-camera-pink_343596-3531.jpg" },
|
||||
{ id: "3", name: "Emily P.", handle: "@emilyp", testimonial: "Loved the fine-line detail! Highly recommend this studio.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-female-friends-spending-time-together-drinking-wine-terrace_23-2149053073.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@davidk", testimonial: "Expert work in a welcoming, judgment-free space.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-tattooed-person_23-2149563290.jpg" },
|
||||
{ id: "5", name: "Jessica L.", handle: "@jessical", testimonial: "Professional from start to finish. My go-to tattoo studio!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-tattoo-artist_23-2149525988.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our clients say about their experience."
|
||||
@@ -234,12 +120,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Annapolis Monthly",
|
||||
"Best of Maryland",
|
||||
"Tattoo Today",
|
||||
"Ink Magazine",
|
||||
"City Weekly",
|
||||
]}
|
||||
"Annapolis Monthly", "Best of Maryland", "Tattoo Today", "Ink Magazine", "City Weekly"]}
|
||||
title="Voted Best in Town"
|
||||
description="Proudly serving our Annapolis community since 2018."
|
||||
/>
|
||||
@@ -250,26 +131,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can book directly through our website contact form or stop by for a consult.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is the studio clean?",
|
||||
content: "We maintain hospital-grade sanitation standards for every client.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is your space LGBTQ friendly?",
|
||||
content: "Absolutely. We are a proud inclusive and affirming studio.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "How much do tattoos cost?",
|
||||
content: "Pricing is based on design complexity and artist hourly rates. We provide quotes during consultations.",
|
||||
},
|
||||
{ id: "1", title: "How do I book an appointment?", content: "You can book directly through our website contact form or stop by for a consult." },
|
||||
{ id: "2", title: "Is the studio clean?", content: "We maintain hospital-grade sanitation standards for every client." },
|
||||
{ id: "3", title: "Is your space LGBTQ friendly?", content: "Absolutely. We are a proud inclusive and affirming studio." },
|
||||
{ id: "4", title: "How much do tattoos cost?", content: "Pricing is based on design complexity and artist hourly rates. We provide quotes during consultations." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/manicurist-does-procedure-trim-remove-cuticles-beauty-salon_613910-20307.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -282,17 +147,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to get inked?"
|
||||
title="Book Your Appointment Today"
|
||||
description="Located in the heart of Annapolis. We're ready to make your vision a reality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Contact Us Now", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -301,50 +161,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Artists",
|
||||
href: "#team",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Studio", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Artists", href: "#team" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user