Merge version_1 into main #2
132
src/app/page.tsx
132
src/app/page.tsx
@@ -17,40 +17,39 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "features",
|
||||
},
|
||||
name: "Work", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="El Monte Tattoos"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Art You Wear Forever"
|
||||
description="Experience professional artistry at El Monte Tattoos. Located in the heart of Lytle, we bring your vision to life with precision and care."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-photo-different-equipment-tattoo-making-tattoo-salon_613910-17242.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-photo-different-equipment-tattoo-making-tattoo-salon_613910-17242.jpg"
|
||||
imageAlt="Professional tattoo studio workspace"
|
||||
/>
|
||||
</div>
|
||||
@@ -60,10 +59,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Professionalism & Precision"
|
||||
description={[
|
||||
"At El Monte Tattoos, we pride ourselves on maintaining the highest standards of safety, hygiene, and artistic excellence.",
|
||||
"Our artists are dedicated to creating custom tattoos that honor your individuality. Whether you're looking for black and grey, realism, or minimalist designs, we're here to make it happen.",
|
||||
"Visit us at 15129 Main St, Lytle, TX 78052 to start your next piece.",
|
||||
]}
|
||||
"At El Monte Tattoos, we pride ourselves on maintaining the highest standards of safety, hygiene, and artistic excellence.", "Our artists are dedicated to creating custom tattoos that honor your individuality. Whether you're looking for black and grey, realism, or minimalist designs, we're here to make it happen.", "Visit us at 15129 Main St, Lytle, TX 78052 to start your next piece."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -74,49 +70,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Black & Grey",
|
||||
description: "Crisp shading and detailed portraits that stand the test of time.",
|
||||
icon: PenTool,
|
||||
title: "Black & Grey", description: "Crisp shading and detailed portraits that stand the test of time.", icon: PenTool,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-colorful-tattoos-posing-white-sheet_1321-977.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-colorful-tattoos-posing-white-sheet_1321-977.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-sexy-man-with-long-hair-mustache-knitted-sweater-portrait-outside-close-up_1321-4575.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-photo-different-equipment-tattoo-making-tattoo-salon_613910-17242.jpg?_wi=2",
|
||||
imageAlt: "black and grey tattoo art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-sexy-man-with-long-hair-mustache-knitted-sweater-portrait-outside-close-up_1321-4575.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Custom Realism",
|
||||
description: "Breathtaking designs that mimic reality with extreme precision.",
|
||||
icon: Sparkles,
|
||||
title: "Custom Realism", description: "Breathtaking designs that mimic reality with extreme precision.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-tattoos-wearing-headphones-listens-music-draws-notebook_1321-944.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-tattoos-wearing-headphones-listens-music-draws-notebook_1321-944.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-holding-eye-with-wings-heart-retro-style-tattoo-design_32991-10961.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479239.jpg",
|
||||
imageAlt: "black and grey tattoo art",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-holding-eye-with-wings-heart-retro-style-tattoo-design_32991-10961.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Minimalist Art",
|
||||
description: "Small, delicate, and elegant designs for a refined look.",
|
||||
icon: Star,
|
||||
title: "Minimalist Art", description: "Small, delicate, and elegant designs for a refined look.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-star-pattern-with-pastel-background-wallpaper-illustration_53876-108348.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-star-pattern-with-pastel-background-wallpaper-illustration_53876-108348.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diligent-mature-shoe-designer-is-working-his-new-shoe-collection-workshop_613910-17395.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-man-sitting-cafe_273609-4479.jpg?_wi=1",
|
||||
imageAlt: "black and grey tattoo art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diligent-mature-shoe-designer-is-working-his-new-shoe-collection-workshop_613910-17395.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Styles We Specialize In"
|
||||
@@ -131,45 +109,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_ink",
|
||||
testimonial: "Best experience I've ever had at a shop! Clean, professional, and amazing art.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-man-sitting-cafe_273609-4479.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarah_ink", testimonial: "Best experience I've ever had at a shop! Clean, professional, and amazing art.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-man-sitting-cafe_273609-4479.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
handle: "@mikerocks",
|
||||
testimonial: "Incredible shading skills. El Monte is the only place I'll go from now on.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-blonde-girl-posing-studio_176420-29653.jpg",
|
||||
},
|
||||
id: "2", name: "Mike R.", handle: "@mikerocks", testimonial: "Incredible shading skills. El Monte is the only place I'll go from now on.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-blonde-girl-posing-studio_176420-29653.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily D.",
|
||||
handle: "@emilytattoo",
|
||||
testimonial: "So helpful during the consultation. My custom piece turned out even better than I dreamed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-painting_23-2147767412.jpg",
|
||||
},
|
||||
id: "3", name: "Emily D.", handle: "@emilytattoo", testimonial: "So helpful during the consultation. My custom piece turned out even better than I dreamed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-painting_23-2147767412.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@dave_ink",
|
||||
testimonial: "Professional artists who actually listen. I recommend them to everyone!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-looking-through-binocular-against-wall_23-2147909901.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", handle: "@dave_ink", testimonial: "Professional artists who actually listen. I recommend them to everyone!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-looking-through-binocular-against-wall_23-2147909901.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rachel L.",
|
||||
handle: "@rach_art",
|
||||
testimonial: "Beautiful attention to detail and a very comfortable environment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-shirt-holding-phone-looking-sideways-while-receiving-manicure-by-beautician-beauty-salon_613910-20897.jpg",
|
||||
},
|
||||
id: "5", name: "Rachel L.", handle: "@rach_art", testimonial: "Beautiful attention to detail and a very comfortable environment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-shirt-holding-phone-looking-sideways-while-receiving-manicure-by-beautician-beauty-salon_613910-20897.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Hear From Our Clients"
|
||||
@@ -181,8 +134,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to start your next tattoo? Stop by or call us today to schedule your appointment. We can't wait to work with you! 210-777-1096"
|
||||
/>
|
||||
</div>
|
||||
@@ -194,14 +146,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user