From 9a326e161e380b48f9d0ac30039d79fe4fee6ad5 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 18 Apr 2026 12:46:55 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 302 ++++++++--------------------------------------- 1 file changed, 52 insertions(+), 250 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index d8fd566..bc66d75 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,27 +20,22 @@ export default function LandingPage() { defaultButtonVariant="expand-hover" defaultTextAnimation="entrance-slide" borderRadius="rounded" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -161,30 +87,9 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} features={[ - { - title: "Custom Tattoos", - description: "Original designs tailored to your unique style and vision.", - bentoComponent: "reveal-icon", - icon: Palette, - imageSrc: "http://img.b2bpic.net/free-photo/master-putting-draft-tattoo-arm_23-2147834060.jpg", - imageAlt: "Master putting draft of tattoo on arm", - }, - { - title: "Precision Piercing", - description: "Safe, professional piercing services with high-quality jewelry.", - bentoComponent: "reveal-icon", - icon: Star, - imageSrc: "http://img.b2bpic.net/free-photo/tattoo-artist-doing-her-job-medium-shot_23-2149445983.jpg?_wi=2", - imageAlt: "Master putting draft of tattoo on arm", - }, - { - title: "Aftercare Guidance", - description: "Professional advice to ensure your art and piercings heal beautifully.", - bentoComponent: "reveal-icon", - icon: ShieldCheck, - imageSrc: "http://img.b2bpic.net/free-photo/master-making-tattoo-with-machine-leg_23-2147833987.jpg?_wi=1", - imageAlt: "Master putting draft of tattoo on arm", - }, + { title: "Custom Tattoos", description: "Original designs tailored to your unique style and vision.", bentoComponent: "reveal-icon", icon: Palette }, + { title: "Precision Piercing", description: "Safe, professional piercing services with high-quality jewelry.", bentoComponent: "reveal-icon", icon: Star }, + { title: "Aftercare Guidance", description: "Professional advice to ensure your art and piercings heal beautifully.", bentoComponent: "reveal-icon", icon: ShieldCheck } ]} title="Comprehensive Studio Services" description="From custom ink to precision piercings, we provide high-end services in a sterile, professional space." @@ -198,42 +103,12 @@ export default function LandingPage() { gridVariant="three-columns-all-equal-width" useInvertedBackground={false} products={[ - { - id: "1", - name: "Floral Sleeve", - price: "Custom", - imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479253.jpg", - }, - { - id: "2", - name: "Geometric Ink", - price: "Custom", - imageSrc: "http://img.b2bpic.net/free-photo/master-making-tattoo-with-machine-leg_23-2147833987.jpg?_wi=2", - }, - { - id: "3", - name: "Gold Hoop Piercing", - price: "$80", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-blonde-girl-posing-studio_176420-29653.jpg", - }, - { - id: "4", - name: "Backpiece Art", - price: "Custom", - 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: "5", - name: "Titanium Jewelry", - price: "$60", - imageSrc: "http://img.b2bpic.net/free-photo/tattooed-hands-coffee-laptop_1321-882.jpg", - }, - { - id: "6", - name: "Minimalist Tattoo", - price: "$150", - imageSrc: "http://img.b2bpic.net/free-photo/reflection-bearded-man-barbershop-mirror_1304-2779.jpg", - }, + { id: "1", name: "Floral Sleeve", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479253.jpg" }, + { id: "2", name: "Geometric Ink", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/master-making-tattoo-with-machine-leg_23-2147833987.jpg" }, + { id: "3", name: "Gold Hoop Piercing", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-blonde-girl-posing-studio_176420-29653.jpg" }, + { id: "4", name: "Backpiece Art", price: "Custom", 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: "5", name: "Titanium Jewelry", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-hands-coffee-laptop_1321-882.jpg" }, + { id: "6", name: "Minimalist Tattoo", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/reflection-bearded-man-barbershop-mirror_1304-2779.jpg" } ]} title="Artistic Highlights" description="A glimpse into our studio's custom tattoo and high-end jewelry work." @@ -247,27 +122,9 @@ export default function LandingPage() { gridVariant="uniform-all-items-equal" useInvertedBackground={false} metrics={[ - { - id: "1", - value: "5000+", - title: "Happy Clients", - description: "Individual stories and art.", - icon: Users, - }, - { - id: "2", - value: "12", - title: "Years Experience", - description: "Crafting timeless ink.", - icon: Award, - }, - { - id: "3", - value: "100%", - title: "Safety Rated", - description: "Sterile studio protocols.", - icon: ShieldCheck, - }, + { id: "1", value: "5000+", title: "Happy Clients", description: "Individual stories and art.", icon: Users }, + { id: "2", value: "12", title: "Years Experience", description: "Crafting timeless ink.", icon: Award }, + { id: "3", value: "100%", title: "Safety Rated", description: "Sterile studio protocols.", icon: ShieldCheck } ]} title="Our Studio Impact" description="Trusted by our community for quality, safety, and creative excellence." @@ -279,21 +136,9 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} faqs={[ - { - id: "1", - title: "Do you accept walk-ins?", - content: "Yes, for piercings, though booking is recommended for tattoos.", - }, - { - id: "2", - title: "What is the age requirement?", - content: "Clients must be 18+ for tattoos and require ID.", - }, - { - id: "3", - title: "How do I care for my tattoo?", - content: "Keep it clean, hydrated, and out of direct sun during the healing process.", - }, + { id: "1", title: "Do you accept walk-ins?", content: "Yes, for piercings, though booking is recommended for tattoos." }, + { id: "2", title: "What is the age requirement?", content: "Clients must be 18+ for tattoos and require ID." }, + { id: "3", title: "How do I care for my tattoo?", content: "Keep it clean, hydrated, and out of direct sun during the healing process." } ]} title="Frequently Asked" description="Common questions about our tattoo and piercing services." @@ -307,46 +152,11 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} testimonials={[ - { - id: "1", - name: "Sarah Miller", - handle: "@sarah", - testimonial: "Absolutely professional work. My tattoo looks perfect.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/tattooed-bearded-man-white-shirt-black-hat-write-notes-notepad_343059-1282.jpg", - }, - { - id: "2", - name: "Jason Vance", - handle: "@jason", - testimonial: "Very clean environment. Highly recommend.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/men-doing-makeup-indoors_23-2150245069.jpg", - }, - { - id: "3", - name: "Elena R.", - handle: "@elena", - testimonial: "Expert piercing and great jewelry selection.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-working-side-view_23-2149445966.jpg", - }, - { - id: "4", - name: "Mark D.", - handle: "@markd", - testimonial: "Jtog is the only place I trust for my sleeves.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-arm-client-tattoo_23-2147834110.jpg", - }, - { - id: "5", - name: "Chloe T.", - handle: "@chloe", - testimonial: "Safe, professional, and friendly artists.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-man-tattoos-wearing-headphones-listens-music-draws-notebook_1321-940.jpg", - }, + { id: "1", name: "Sarah Miller", handle: "@sarah", testimonial: "Absolutely professional work. My tattoo looks perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tattooed-bearded-man-white-shirt-black-hat-write-notes-notepad_343059-1282.jpg" }, + { id: "2", name: "Jason Vance", handle: "@jason", testimonial: "Very clean environment. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/men-doing-makeup-indoors_23-2150245069.jpg" }, + { id: "3", name: "Elena R.", handle: "@elena", testimonial: "Expert piercing and great jewelry selection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-working-side-view_23-2149445966.jpg" }, + { id: "4", name: "Mark D.", handle: "@markd", testimonial: "Jtog is the only place I trust for my sleeves.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-arm-client-tattoo_23-2147834110.jpg" }, + { id: "5", name: "Chloe T.", handle: "@chloe", testimonial: "Safe, professional, and friendly artists.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-tattoos-wearing-headphones-listens-music-draws-notebook_1321-940.jpg" } ]} showRating={true} title="Client Stories" @@ -357,9 +167,7 @@ export default function LandingPage() {
-- 2.49.1