Merge version_1 into main #2
236
src/app/page.tsx
236
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, User, CheckCircle } from 'lucide-react';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -32,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Fantasy Tattoo"
|
||||
/>
|
||||
@@ -62,74 +53,37 @@ export default function LandingPage() {
|
||||
description="Professional tattoo and piercing studio in Cancún Mall. Experienced artists, premium jewelry, and sterile, safe procedures."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mariana R.",
|
||||
handle: "@marianar",
|
||||
testimonial: "Excelente servicio, muy buena atención. ¡Muy recomendado!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattoo-artist-wearing-gloves-high-angle_23-2149445968.jpg?_wi=1",
|
||||
imageAlt: "tattoo studio interior warm",
|
||||
},
|
||||
name: "Mariana R.", handle: "@marianar", testimonial: "Excelente servicio, muy buena atención. ¡Muy recomendado!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattoo-artist-wearing-gloves-high-angle_23-2149445968.jpg", imageAlt: "tattoo studio interior warm"},
|
||||
{
|
||||
name: "Luis C.",
|
||||
handle: "@luisc",
|
||||
testimonial: "Fui a hacerme una perforación y la experiencia fue excelente.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479253.jpg",
|
||||
imageAlt: "tattoo studio interior warm",
|
||||
},
|
||||
name: "Luis C.", handle: "@luisc", testimonial: "Fui a hacerme una perforación y la experiencia fue excelente.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479253.jpg", imageAlt: "tattoo studio interior warm"},
|
||||
{
|
||||
name: "Sofía G.",
|
||||
handle: "@sofiag",
|
||||
testimonial: "Limpieza total y mucha paciencia con el diseño. Volveré.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151486994.jpg?_wi=1",
|
||||
imageAlt: "tattoo studio interior warm",
|
||||
},
|
||||
name: "Sofía G.", handle: "@sofiag", testimonial: "Limpieza total y mucha paciencia con el diseño. Volveré.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151486994.jpg", imageAlt: "tattoo studio interior warm"},
|
||||
{
|
||||
name: "Diego M.",
|
||||
handle: "@diegom",
|
||||
testimonial: "El mejor trato que he recibido en un estudio de Cancún.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3914.jpg?_wi=1",
|
||||
imageAlt: "tattoo studio interior warm",
|
||||
},
|
||||
name: "Diego M.", handle: "@diegom", testimonial: "El mejor trato que he recibido en un estudio de Cancún.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3914.jpg", imageAlt: "tattoo studio interior warm"},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elenav",
|
||||
testimonial: "Un trabajo impecable, el detalle de la tinta es increíble.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-working-charts_23-2147707775.jpg?_wi=1",
|
||||
imageAlt: "tattoo studio interior warm",
|
||||
},
|
||||
name: "Elena V.", handle: "@elenav", testimonial: "Un trabajo impecable, el detalle de la tinta es increíble.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-working-charts_23-2147707775.jpg", imageAlt: "tattoo studio interior warm"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tattoo-artist-wearing-gloves-high-angle_23-2149445968.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tattoo-artist-wearing-gloves-high-angle_23-2149445968.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/needle-syringe-black_23-2147767725.jpg",
|
||||
alt: "Needle of syringe on black",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/needle-syringe-black_23-2147767725.jpg", alt: "Needle of syringe on black"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hand-with-air-pusher-tonometer_23-2147767731.jpg",
|
||||
alt: "Hand with air pusher for tonometer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hand-with-air-pusher-tonometer_23-2147767731.jpg", alt: "Hand with air pusher for tonometer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-making-tattoo-with-needle-leg_23-2147834086.jpg",
|
||||
alt: "Man making tattoo with needle on leg",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-making-tattoo-with-needle-leg_23-2147834086.jpg", alt: "Man making tattoo with needle on leg"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-tattoo-artist-doing-their-job_23-2149445971.jpg",
|
||||
alt: "High angle tattoo artist doing their job",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-tattoo-artist-doing-their-job_23-2149445971.jpg", alt: "High angle tattoo artist doing their job"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-doing-tattoo-tattoo-salon_1157-24942.jpg",
|
||||
alt: "Man doing a tattoo in a tattoo salon",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-doing-tattoo-tattoo-salon_1157-24942.jpg", alt: "Man doing a tattoo in a tattoo salon"},
|
||||
]}
|
||||
avatarText="Trusted by 150+ happy clients"
|
||||
/>
|
||||
@@ -141,9 +95,7 @@ export default function LandingPage() {
|
||||
title="Expertise and Passion"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Our Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
text: "Read Our Reviews", href: "#testimonials"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,28 +106,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Tattoos",
|
||||
description: "Tailored designs based on your unique vision and style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151486994.jpg?_wi=2",
|
||||
buttonIcon: "Zap",
|
||||
title: "Custom Tattoos", description: "Tailored designs based on your unique vision and style.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151486994.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Safe Piercing",
|
||||
description: "Precision piercings with high-quality, hypoallergenic jewelry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3914.jpg?_wi=2",
|
||||
buttonIcon: "Shield",
|
||||
title: "Safe Piercing", description: "Precision piercings with high-quality, hypoallergenic jewelry.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3914.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Consultations",
|
||||
description: "Friendly guidance on your next project, size, or placement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-working-charts_23-2147707775.jpg?_wi=2",
|
||||
buttonIcon: "User",
|
||||
title: "Consultations", description: "Friendly guidance on your next project, size, or placement.", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-working-charts_23-2147707775.jpg", buttonIcon: User,
|
||||
},
|
||||
{
|
||||
title: "Sterile Equipment",
|
||||
description: "We maintain the highest standards of safety and cleanliness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479256.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Sterile Equipment", description: "We maintain the highest standards of safety and cleanliness.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479256.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -190,31 +130,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "150+",
|
||||
title: "Happy Reviews",
|
||||
items: [
|
||||
"Verified experiences",
|
||||
"Community trusted",
|
||||
],
|
||||
id: "1", value: "150+", title: "Happy Reviews", items: [
|
||||
"Verified experiences", "Community trusted"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "4.9",
|
||||
title: "Average Rating",
|
||||
items: [
|
||||
"Exceptional quality",
|
||||
"Focus on detail",
|
||||
],
|
||||
id: "2", value: "4.9", title: "Average Rating", items: [
|
||||
"Exceptional quality", "Focus on detail"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "5+",
|
||||
title: "Years Active",
|
||||
items: [
|
||||
"Professional artists",
|
||||
"Local community",
|
||||
],
|
||||
id: "3", value: "5+", title: "Years Active", items: [
|
||||
"Professional artists", "Local community"],
|
||||
},
|
||||
]}
|
||||
title="Studio Success"
|
||||
@@ -229,59 +154,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mariana R.",
|
||||
role: "Client",
|
||||
company: "Cancun",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-man-smiling-street-kuala-lumpur-urban-men-clothing-style-soap-bubbles-fly-air_1321-2139.jpg",
|
||||
},
|
||||
id: "1", name: "Mariana R.", role: "Client", company: "Cancun", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-man-smiling-street-kuala-lumpur-urban-men-clothing-style-soap-bubbles-fly-air_1321-2139.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Luis C.",
|
||||
role: "Client",
|
||||
company: "Cancun",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-blue-sweatshirt-holding-headphones-gets-ready-wear-them-listen-music_114579-27217.jpg",
|
||||
},
|
||||
id: "2", name: "Luis C.", role: "Client", company: "Cancun", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-blue-sweatshirt-holding-headphones-gets-ready-wear-them-listen-music_114579-27217.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofía G.",
|
||||
role: "Client",
|
||||
company: "Cancun",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-99837.jpg",
|
||||
},
|
||||
id: "3", name: "Sofía G.", role: "Client", company: "Cancun", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-99837.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diego M.",
|
||||
role: "Client",
|
||||
company: "Cancun",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-artist-applying-eye-shadow_23-2148328772.jpg",
|
||||
},
|
||||
id: "4", name: "Diego M.", role: "Client", company: "Cancun", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-artist-applying-eye-shadow_23-2148328772.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena V.",
|
||||
role: "Client",
|
||||
company: "Cancun",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-man-sitting-cafe_273609-4480.jpg",
|
||||
},
|
||||
id: "5", name: "Elena V.", role: "Client", company: "Cancun", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-man-sitting-cafe_273609-4480.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "150+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "150+", label: "Happy Clients"},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9", label: "Avg Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Safe Tools",
|
||||
},
|
||||
value: "100%", label: "Safe Tools"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trust is earned, one tattoo at a time."
|
||||
@@ -293,14 +187,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InkMaster",
|
||||
"PiercingPro",
|
||||
"SafeSkin",
|
||||
"ArtTech",
|
||||
"StudioFlow",
|
||||
"CleanInk",
|
||||
"NeedleArt",
|
||||
]}
|
||||
"InkMaster", "PiercingPro", "SafeSkin", "ArtTech", "StudioFlow", "CleanInk", "NeedleArt"]}
|
||||
title="Trusted Partners"
|
||||
description="We use only the best supplies for your skin."
|
||||
/>
|
||||
@@ -312,25 +199,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We recommend booking in advance, but we welcome walk-ins based on availability.",
|
||||
},
|
||||
id: "1", title: "Do I need an appointment?", content: "We recommend booking in advance, but we welcome walk-ins based on availability."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is it safe?",
|
||||
content: "Yes, we adhere to strict sterilization protocols for all tools and surfaces.",
|
||||
},
|
||||
id: "2", title: "Is it safe?", content: "Yes, we adhere to strict sterilization protocols for all tools and surfaces."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What about aftercare?",
|
||||
content: "Every client receives clear, professional aftercare instructions.",
|
||||
},
|
||||
id: "3", title: "What about aftercare?", content: "Every client receives clear, professional aftercare instructions."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I bring a friend?",
|
||||
content: "Yes, guests are welcome in our waiting area during your session.",
|
||||
},
|
||||
id: "4", title: "Can I bring a friend?", content: "Yes, guests are welcome in our waiting area during your session."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your session."
|
||||
@@ -342,14 +217,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Ready to get inked or pierced? Visit us in Plaza Cancún Mall today or give us a call."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call: 998 155 8960",
|
||||
href: "tel:9981558960",
|
||||
},
|
||||
text: "Call: 998 155 8960", href: "tel:9981558960"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user