Merge version_1 into main #2
252
src/app/page.tsx
252
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Studio",
|
||||
id: "studio",
|
||||
},
|
||||
name: "Studio", id: "studio"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Work", id: "gallery"},
|
||||
{
|
||||
name: "Book",
|
||||
id: "book",
|
||||
},
|
||||
name: "Book", id: "book"},
|
||||
]}
|
||||
brandName="F*CKING QUALITY"
|
||||
/>
|
||||
@@ -49,103 +43,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="F*CKING QUALITY"
|
||||
description="St. Moritz’s Most Exclusive Tattoo Experience."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elite Client",
|
||||
handle: "@stmoritzjet",
|
||||
testimonial: "The rolls-royce of ink. Simply peerless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-19715.jpg?_wi=1",
|
||||
imageAlt: "luxury tattoo design dark studio",
|
||||
},
|
||||
name: "Elite Client", handle: "@stmoritzjet", testimonial: "The rolls-royce of ink. Simply peerless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-19715.jpg", imageAlt: "luxury tattoo design dark studio"},
|
||||
{
|
||||
name: "Global Nomad",
|
||||
handle: "@artcollect",
|
||||
testimonial: "A permanent masterpiece, nothing less.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talented-girl-is-sketching-digital-tablet-while-sitting-her-cozy-studio_613910-11488.jpg",
|
||||
imageAlt: "luxury tattoo studio interior dark",
|
||||
},
|
||||
name: "Global Nomad", handle: "@artcollect", testimonial: "A permanent masterpiece, nothing less.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talented-girl-is-sketching-digital-tablet-while-sitting-her-cozy-studio_613910-11488.jpg", imageAlt: "luxury tattoo studio interior dark"},
|
||||
{
|
||||
name: "Art Connoisseur",
|
||||
handle: "@luxuryink",
|
||||
testimonial: "Elite artistry in every detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tattoo-artist-working_23-2149445962.jpg?_wi=1",
|
||||
imageAlt: "fine line tattoo closeup detail",
|
||||
},
|
||||
name: "Art Connoisseur", handle: "@luxuryink", testimonial: "Elite artistry in every detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tattoo-artist-working_23-2149445962.jpg", imageAlt: "fine line tattoo closeup detail"},
|
||||
{
|
||||
name: "Alpine Icon",
|
||||
handle: "@stmoritzvip",
|
||||
testimonial: "Unparalleled sophistication and precision.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479243.jpg?_wi=1",
|
||||
imageAlt: "blackwork tattoo design intricate",
|
||||
},
|
||||
name: "Alpine Icon", handle: "@stmoritzvip", testimonial: "Unparalleled sophistication and precision.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479243.jpg", imageAlt: "blackwork tattoo design intricate"},
|
||||
{
|
||||
name: "Luxury Collector",
|
||||
handle: "@thecollector",
|
||||
testimonial: "Refining the human form, one stroke at a time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-colorful-tattoos-resting-white-sheet_1321-970.jpg?_wi=1",
|
||||
imageAlt: "cover up tattoo design artistic",
|
||||
},
|
||||
name: "Luxury Collector", handle: "@thecollector", testimonial: "Refining the human form, one stroke at a time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-colorful-tattoos-resting-white-sheet_1321-970.jpg", imageAlt: "cover up tattoo design artistic"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Session →",
|
||||
href: "#book",
|
||||
},
|
||||
text: "Book Your Session →", href: "#book"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-19715.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-19715.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-woman-with-black-lip-dyed-hair-closing-her-eyes_23-2147910206.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-woman-with-black-lip-dyed-hair-closing-her-eyes_23-2147910206.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-african-shaman-female-from-indigenous-african-tribe-wearing-traditional-costume-make-up-concept-isolated-dark-background_613910-21212.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-african-shaman-female-from-indigenous-african-tribe-wearing-traditional-costume-make-up-concept-isolated-dark-background_613910-21212.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-clean-shaven-man-with-tattoos_1122-1461.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-clean-shaven-man-with-tattoos_1122-1461.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-tattooed-pierced-young-man-holding-flowers-hand-looking-camera_23-2148121937.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-tattooed-pierced-young-man-holding-flowers-hand-looking-camera_23-2148121937.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flower-decoration-tattooed-pierced-young-man-against-grey-backdrop_23-2148121862.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/flower-decoration-tattooed-pierced-young-man-against-grey-backdrop_23-2148121862.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "BESPOKE INK",
|
||||
},
|
||||
type: "text", text: "BESPOKE INK"},
|
||||
{
|
||||
type: "text",
|
||||
text: "ST. MORITZ ELITE",
|
||||
},
|
||||
type: "text", text: "ST. MORITZ ELITE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "SURGICAL PRECISION",
|
||||
},
|
||||
type: "text", text: "SURGICAL PRECISION"},
|
||||
{
|
||||
type: "text",
|
||||
text: "PERMANENT ART",
|
||||
},
|
||||
type: "text", text: "PERMANENT ART"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UNCOMPROMISING QUALITY",
|
||||
},
|
||||
type: "text", text: "UNCOMPROMISING QUALITY"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -156,9 +102,7 @@ export default function LandingPage() {
|
||||
title="QUALITY IS NON-NEGOTIABLE"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Studio",
|
||||
href: "#studio",
|
||||
},
|
||||
text: "Discover Studio", href: "#studio"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,20 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Design",
|
||||
description: "Unique concepts tailored to your aesthetic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tattoo-artist-working_23-2149445962.jpg?_wi=2",
|
||||
},
|
||||
title: "Custom Design", description: "Unique concepts tailored to your aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tattoo-artist-working_23-2149445962.jpg"},
|
||||
{
|
||||
title: "Fine Line & Blackwork",
|
||||
description: "Micro-precision and high-contrast artistry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479243.jpg?_wi=2",
|
||||
},
|
||||
title: "Fine Line & Blackwork", description: "Micro-precision and high-contrast artistry.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479243.jpg"},
|
||||
{
|
||||
title: "Expert Cover-Ups",
|
||||
description: "Transforming past marks into new masterpieces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-colorful-tattoos-resting-white-sheet_1321-970.jpg?_wi=2",
|
||||
},
|
||||
title: "Expert Cover-Ups", description: "Transforming past marks into new masterpieces.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-colorful-tattoos-resting-white-sheet_1321-970.jpg"},
|
||||
]}
|
||||
title="WHAT WE DO"
|
||||
description="Custom designs crafted with surgical precision."
|
||||
@@ -196,43 +131,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Artistry I",
|
||||
price: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-with-black-lip-dyed-hair-closing-her-eyes_23-2147910206.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Artistry I", price: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-with-black-lip-dyed-hair-closing-her-eyes_23-2147910206.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Artistry II",
|
||||
price: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-african-shaman-female-from-indigenous-african-tribe-wearing-traditional-costume-make-up-concept-isolated-dark-background_613910-21212.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Artistry II", price: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-african-shaman-female-from-indigenous-african-tribe-wearing-traditional-costume-make-up-concept-isolated-dark-background_613910-21212.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Artistry III",
|
||||
price: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-clean-shaven-man-with-tattoos_1122-1461.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Artistry III", price: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/top-view-clean-shaven-man-with-tattoos_1122-1461.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Artistry IV",
|
||||
price: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-pierced-young-man-holding-flowers-hand-looking-camera_23-2148121937.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Artistry IV", price: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-pierced-young-man-holding-flowers-hand-looking-camera_23-2148121937.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Artistry V",
|
||||
price: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-decoration-tattooed-pierced-young-man-against-grey-backdrop_23-2148121862.jpg?_wi=1",
|
||||
},
|
||||
id: "5", name: "Artistry V", price: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/flower-decoration-tattooed-pierced-young-man-against-grey-backdrop_23-2148121862.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Artistry VI",
|
||||
price: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-chicano-style-tattoo-concept_225004-1487.jpg",
|
||||
},
|
||||
id: "6", name: "Artistry VI", price: "Bespoke", imageSrc: "http://img.b2bpic.net/free-vector/vintage-chicano-style-tattoo-concept_225004-1487.jpg"},
|
||||
]}
|
||||
title="MASTERPIECES"
|
||||
description="Editorial gallery of our permanent works."
|
||||
@@ -246,50 +158,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@luxury",
|
||||
testimonial: "Simply the best ink in the Alps.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-with-black-lip-dyed-hair-closing-her-eyes_23-2147910206.jpg?_wi=2",
|
||||
imageAlt: "tattoo art gallery close up",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@luxury", testimonial: "Simply the best ink in the Alps.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-with-black-lip-dyed-hair-closing-her-eyes_23-2147910206.jpg", imageAlt: "tattoo art gallery close up"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@collector",
|
||||
testimonial: "Flawless precision.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-african-shaman-female-from-indigenous-african-tribe-wearing-traditional-costume-make-up-concept-isolated-dark-background_613910-21212.jpg?_wi=2",
|
||||
imageAlt: "tattoo art gallery close up",
|
||||
},
|
||||
id: "2", name: "Mark D.", handle: "@collector", testimonial: "Flawless precision.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-african-shaman-female-from-indigenous-african-tribe-wearing-traditional-costume-make-up-concept-isolated-dark-background_613910-21212.jpg", imageAlt: "tattoo art gallery close up"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
handle: "@style",
|
||||
testimonial: "Transformed my life.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-clean-shaven-man-with-tattoos_1122-1461.jpg?_wi=2",
|
||||
imageAlt: "tattoo art gallery close up",
|
||||
},
|
||||
id: "3", name: "Elena V.", handle: "@style", testimonial: "Transformed my life.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-clean-shaven-man-with-tattoos_1122-1461.jpg", imageAlt: "tattoo art gallery close up"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Luca P.",
|
||||
handle: "@jetsetter",
|
||||
testimonial: "The standard of excellence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-pierced-young-man-holding-flowers-hand-looking-camera_23-2148121937.jpg?_wi=2",
|
||||
imageAlt: "tattoo art gallery close up",
|
||||
},
|
||||
id: "4", name: "Luca P.", handle: "@jetsetter", testimonial: "The standard of excellence.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-pierced-young-man-holding-flowers-hand-looking-camera_23-2148121937.jpg", imageAlt: "tattoo art gallery close up"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna K.",
|
||||
handle: "@fashion",
|
||||
testimonial: "A true professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-decoration-tattooed-pierced-young-man-against-grey-backdrop_23-2148121862.jpg?_wi=2",
|
||||
imageAlt: "tattoo art gallery close up",
|
||||
},
|
||||
id: "5", name: "Anna K.", handle: "@fashion", testimonial: "A true professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-decoration-tattooed-pierced-young-man-against-grey-backdrop_23-2148121862.jpg", imageAlt: "tattoo art gallery close up"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="TRUST IS THE CURRENCY"
|
||||
@@ -304,20 +186,12 @@ export default function LandingPage() {
|
||||
description="Limited appointments available. Inquire below."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "project",
|
||||
placeholder: "Describe your design concept...",
|
||||
}}
|
||||
name: "project", placeholder: "Describe your design concept..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-table-desk-with-set-supplies-white-blank-notepad-cup-pen-tablet-white-background-top-view-copy-space-text_639032-1954.jpg"
|
||||
buttonText="Claim Your Spot"
|
||||
/>
|
||||
@@ -328,33 +202,21 @@ export default function LandingPage() {
|
||||
logoText="F*CKING QUALITY"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Studio",
|
||||
href: "#studio",
|
||||
},
|
||||
label: "Studio", href: "#studio"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Gallery", href: "#gallery"},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#book",
|
||||
},
|
||||
label: "Book Now", href: "#book"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user