|
|
|
|
@@ -31,26 +31,26 @@ export default function LandingPage() {
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Gallery", id: "gallery" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Aftercare", id: "aftercare" },
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
{ name: "Collection", id: "gallery" },
|
|
|
|
|
{ name: "Manifesto", id: "about" },
|
|
|
|
|
{ name: "Support", id: "faq" },
|
|
|
|
|
{ name: "Get In Touch", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
brandName="Cursemarks"
|
|
|
|
|
brandName="CURSEMARKS"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitKpi
|
|
|
|
|
title="Etching Intention into Skin"
|
|
|
|
|
description="Premium tattoo studio specializing in blackwork, fine line, gothic, and curse-inspired designs. Book your mark today."
|
|
|
|
|
title="Wear Your Subversion"
|
|
|
|
|
description="Born from the same dark aesthetic as our art, our apparel collection channels the spirit of gothic artistry into streetwear. Intricate designs, premium fits, curated for the bold."
|
|
|
|
|
background={{ variant: 'rotated-rays-animated' }}
|
|
|
|
|
kpis={[
|
|
|
|
|
{ value: "500+", label: "Custom Designs" },
|
|
|
|
|
{ value: "100+", label: "Happy Clients" },
|
|
|
|
|
{ value: "5*", label: "Rated Quality" }
|
|
|
|
|
{ value: "2025", label: "Collection" },
|
|
|
|
|
{ value: "100%", label: "Signature Design" },
|
|
|
|
|
{ value: "Limited", label: "Production" }
|
|
|
|
|
]}
|
|
|
|
|
buttons={[{ text: "Book Your Mark", onClick: handleBooking }]}
|
|
|
|
|
buttons={[{ text: "Explore Apparel", href: "#gallery" }]}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlavLWOelEmQkqFRvw6DCMXOiw/uploaded-1773180784484-bndqftnj.png"
|
|
|
|
|
imagePosition="right"
|
|
|
|
|
enableKpiAnimation={true}
|
|
|
|
|
@@ -60,12 +60,12 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
|
|
|
<FeatureCardThree
|
|
|
|
|
title="Artistic Mastery"
|
|
|
|
|
description="Precision ink work defined by dark aesthetics and fine craftsmanship."
|
|
|
|
|
title="The Seasonal Drop"
|
|
|
|
|
description="Art meets utility. Our apparel features exclusive, hand-drawn motifs printed on heavy-weight, urban-ready silhouettes."
|
|
|
|
|
features={[
|
|
|
|
|
{ id: "1", title: "Blackwork", description: "Deep, bold, and precise.", imageSrc: "https://images.unsplash.com/photo-1598371839684-b28bc8870a76?q=80&w=800&_wi=1" },
|
|
|
|
|
{ id: "2", title: "Fine Line", description: "Delicate, intricate beauty.", imageSrc: "https://images.unsplash.com/photo-1598371839684-b28bc8870a76?q=80&w=800&_wi=2" },
|
|
|
|
|
{ id: "3", title: "Gothic Art", description: "Occult and mystical marks.", imageSrc: "https://images.unsplash.com/photo-1598371839684-b28bc8870a76?q=80&w=800&_wi=3" }
|
|
|
|
|
{ id: "1", title: "Signature Hoodies", description: "Oversized fit with detailed back art.", imageSrc: "https://images.unsplash.com/photo-1598371839684-b28bc8870a76?q=80&w=800&_wi=1" },
|
|
|
|
|
{ id: "2", title: "Occult Tees", description: "High-quality fabric, permanent prints.", imageSrc: "https://images.unsplash.com/photo-1598371839684-b28bc8870a76?q=80&w=800&_wi=2" },
|
|
|
|
|
{ id: "3", title: "Street Accessories", description: "Designed for the urban landscape.", imageSrc: "https://images.unsplash.com/photo-1598371839684-b28bc8870a76?q=80&w=800&_wi=3" }
|
|
|
|
|
] as any}
|
|
|
|
|
gridVariant="bento-grid"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -76,12 +76,12 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardFourteen
|
|
|
|
|
title="Impact"
|
|
|
|
|
tag="Trust"
|
|
|
|
|
title="The Brand Standard"
|
|
|
|
|
tag="Quality"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "1", value: "100+", description: "Five Star Reviews" },
|
|
|
|
|
{ id: "2", value: "500+", description: "Original Designs" },
|
|
|
|
|
{ id: "3", value: "100%", description: "Artist Dedication" }
|
|
|
|
|
{ id: "1", value: "300GSM", description: "Heavy-weight cotton for longevity" },
|
|
|
|
|
{ id: "2", value: "Hand", description: "Every motif created by our artists" },
|
|
|
|
|
{ id: "3", value: "100%", description: "Dedicated to subculture lifestyle" }
|
|
|
|
|
]}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
@@ -90,17 +90,17 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardFive
|
|
|
|
|
title="Client Experiences"
|
|
|
|
|
description="Trusted by many."
|
|
|
|
|
title="The Cult Followers"
|
|
|
|
|
description="Seen in the streets, worn by the visionaries."
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
name: "Elian Vázquez",
|
|
|
|
|
date: "Jan 2025",
|
|
|
|
|
title: "Exceptional Experience",
|
|
|
|
|
quote: "The artists understood my vision perfectly and executed it with incredible precision.",
|
|
|
|
|
tag: "Client",
|
|
|
|
|
avatarSrc: "https://api.dicebear.com/7.x/avataaars/svg?seed=Elian"
|
|
|
|
|
name: "Alex Thorne",
|
|
|
|
|
date: "March 2025",
|
|
|
|
|
title: "Unmatched Quality",
|
|
|
|
|
quote: "The apparel feels just as intentional as the art itself. The fit and print are beyond what you find in standard streetwear.",
|
|
|
|
|
tag: "Collector",
|
|
|
|
|
avatarSrc: "https://api.dicebear.com/7.x/avataaars/svg?seed=Alex"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
@@ -110,11 +110,11 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqBase
|
|
|
|
|
title="Questions"
|
|
|
|
|
description="Everything you need to know about getting your custom tattoo."
|
|
|
|
|
title="Ordering & Shipping"
|
|
|
|
|
description="Get the details on drops, shipping, and sizing."
|
|
|
|
|
faqs={[
|
|
|
|
|
{ id: "1", title: "How do I book?", content: "Contact us via WhatsApp to start the process." },
|
|
|
|
|
{ id: "2", title: "What is your policy?", content: "48 hour notice is required for changes." }
|
|
|
|
|
{ id: "1", title: "Where do you ship?", content: "We ship worldwide via tracked courier services." },
|
|
|
|
|
{ id: "2", title: "How do I find my size?", content: "Refer to our fit guide on each product page for precise measurements." }
|
|
|
|
|
]}
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
@@ -124,10 +124,10 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactCTA
|
|
|
|
|
tag="Bookings"
|
|
|
|
|
title="Ready for your Mark?"
|
|
|
|
|
description="We're currently accepting appointments for new projects."
|
|
|
|
|
buttons={[{ text: "Book Session", onClick: handleBooking }]}
|
|
|
|
|
tag="Newsletter"
|
|
|
|
|
title="Join the Circle"
|
|
|
|
|
description="Sign up to be the first to hear about new artist drops and private sale events."
|
|
|
|
|
buttons={[{ text: "Join Community", onClick: handleBooking }]}
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
@@ -135,10 +135,10 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
|
logoText="Cursemarks"
|
|
|
|
|
logoText="CURSEMARKS"
|
|
|
|
|
columns={[
|
|
|
|
|
{ items: [{ label: "Home" }, { label: "Gallery" }] },
|
|
|
|
|
{ items: [{ label: "About" }, { label: "Contact" }] }
|
|
|
|
|
{ items: [{ label: "Collection" }, { label: "Manifesto" }] },
|
|
|
|
|
{ items: [{ label: "FAQ" }, { label: "Terms" }] }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
