Merge version_2 into main #1
208
src/app/page.tsx
208
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Omkara Tattoo"
|
||||
/>
|
||||
@@ -54,38 +46,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="OMKARA TATTOO"
|
||||
description="The premier destination for custom tattoo design, color realism, and expert cover-ups in Philadelphia. Open daily 12pm-10pm."
|
||||
description="The premier destination for custom tattoo design, color realism, and expert cover-ups in Philadelphia. Open daily 12pm-10pm. Reach us at: +1 267-318-7613."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Session",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Session", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-tattooing-with-gloves-medium-shot_23-2149525953.jpg",
|
||||
imageAlt: "Professional studio workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-tattooing-with-gloves-medium-shot_23-2149525953.jpg", imageAlt: "Professional studio workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-focused-tattoo-master-is-makining-tattoo-client-s-hand-dark-tattoo-salon_613910-17258.jpg",
|
||||
imageAlt: "Macro focus tattooing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-focused-tattoo-master-is-makining-tattoo-client-s-hand-dark-tattoo-salon_613910-17258.jpg", imageAlt: "Macro focus tattooing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-artist-drawing-mehndi-tattoo-woman-s-chest_23-2148083025.jpg",
|
||||
imageAlt: "Artist working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-artist-drawing-mehndi-tattoo-woman-s-chest_23-2148083025.jpg", imageAlt: "Artist working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-wooden-stool-reading-book_23-2147872108.jpg",
|
||||
imageAlt: "Equipment layout",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-wooden-stool-reading-book_23-2147872108.jpg", imageAlt: "Equipment layout"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094604.jpg",
|
||||
imageAlt: "Studio aesthetic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094604.jpg", imageAlt: "Studio aesthetic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-artist-using-palette-brush-painting_171337-10993.jpg",
|
||||
imageAlt: "Artistic ink tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-artist-using-palette-brush-painting_171337-10993.jpg", imageAlt: "Artistic ink tools"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,20 +85,11 @@ export default function LandingPage() {
|
||||
description="From intricate design to seamless cover-ups, our team delivers top-quality ink work in a sterile, welcoming environment."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Custom Designs",
|
||||
content: "Work with our talented artists to create a unique piece tailored exactly to your personal style and story.",
|
||||
},
|
||||
id: "1", title: "Custom Designs", content: "Work with our talented artists to create a unique piece tailored exactly to your personal style and story."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Cover-Ups & Reworking",
|
||||
content: "Specializing in transforming old tattoos or unwanted ink into vibrant, new artistic statements.",
|
||||
},
|
||||
id: "2", title: "Cover-Ups & Reworking", content: "Specializing in transforming old tattoos or unwanted ink into vibrant, new artistic statements."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Color Realism & Portraits",
|
||||
content: "Experience expert technique in color portraiture and realistic shading for highly detailed, lifelike pieces.",
|
||||
},
|
||||
id: "3", title: "Color Realism & Portraits", content: "Experience expert technique in color portraiture and realistic shading for highly detailed, lifelike pieces."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-female-tattoo-artist-makes-black-white-tattoo-bearded-male-torso-salon_613910-12227.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -134,59 +103,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
company: "Philadelphia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-blonde-girl-posing-studio_176420-29631.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Client", company: "Philadelphia", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-blonde-girl-posing-studio_176420-29631.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Client",
|
||||
company: "Philadelphia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattoed-sexy-blonde-t-shirt-hat-posing-against-brick-wall_613910-6064.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", role: "Client", company: "Philadelphia", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattoed-sexy-blonde-t-shirt-hat-posing-against-brick-wall_613910-6064.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Client",
|
||||
company: "Philadelphia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16383.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Client", company: "Philadelphia", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16383.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Client",
|
||||
company: "Philadelphia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-man-sitting-cafe_273609-4501.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Client", company: "Philadelphia", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-man-sitting-cafe_273609-4501.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kam D.",
|
||||
role: "Client",
|
||||
company: "Philadelphia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-sitting-together_23-2149628891.jpg",
|
||||
},
|
||||
id: "5", name: "Kam D.", role: "Client", company: "Philadelphia", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-sitting-together_23-2149628891.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "150+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "150+", label: "Happy Clients"},
|
||||
{
|
||||
value: "4.5",
|
||||
label: "Star Rating",
|
||||
},
|
||||
value: "4.5", label: "Star Rating"},
|
||||
{
|
||||
value: "7",
|
||||
label: "Days Open",
|
||||
},
|
||||
value: "7", label: "Days Open"},
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="See why our Philadelphia community trusts us for top-quality work and excellent service."
|
||||
@@ -200,24 +138,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "7 Days",
|
||||
title: "Availability",
|
||||
items: [
|
||||
"Open 12pm-10pm",
|
||||
"Daily bookings",
|
||||
"Friendly service",
|
||||
],
|
||||
id: "m1", value: "7 Days", title: "Availability", items: [
|
||||
"Open 12pm-10pm", "Daily bookings", "Friendly service"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Top Quality",
|
||||
title: "Standards",
|
||||
items: [
|
||||
"Clean shop",
|
||||
"Professional artists",
|
||||
"Reasonable prices",
|
||||
],
|
||||
id: "m2", value: "Top Quality", title: "Standards", items: [
|
||||
"Clean shop", "Professional artists", "Reasonable prices"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -231,20 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "We operate daily but suggest contacting artists directly for booking to ensure your preferred time.",
|
||||
},
|
||||
id: "f1", title: "Do you accept walk-ins?", content: "We operate daily but suggest contacting artists directly for booking to ensure your preferred time."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 510 Washington Ave, Philadelphia, PA 19147.",
|
||||
},
|
||||
id: "f2", title: "Where are you located?", content: "We are located at 510 Washington Ave, Philadelphia, PA 19147."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Yes, we are open 7 days a week from 12:00 PM to 10:00 PM.",
|
||||
},
|
||||
id: "f3", title: "Are you open on weekends?", content: "Yes, we are open 7 days a week from 12:00 PM to 10:00 PM."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about booking, shop policies, and custom art requests."
|
||||
@@ -256,31 +173,20 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Book Your Session"
|
||||
description="Ready to get inked? Send us a message to discuss your tattoo idea or check availability with our professional artists."
|
||||
description="Ready to get inked? Send us a message to discuss your tattoo idea or check availability with our professional artists. You can also reach us directly at +1 267-318-7613."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your tattoo idea...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your tattoo idea...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-emo-girl-spending-time-indoors_23-2149645107.jpg"
|
||||
@@ -292,44 +198,30 @@ export default function LandingPage() {
|
||||
logoText="Omkara Tattoo"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/omkaratattoo_philly/",
|
||||
},
|
||||
label: "Instagram", href: "https://www.instagram.com/omkaratattoo_philly/"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Omkara Tattoo. All rights reserved."
|
||||
copyrightText="© 2024 Omkara Tattoo. All rights reserved. Call: +1 267-318-7613"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user