Merge version_1 into main #2
231
src/app/page.tsx
231
src/app/page.tsx
@@ -32,59 +32,37 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Tina Nails"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Tina Nails"
|
||||
description="Professional nail care and exquisite designs to elevate your style. Discover the luxury you deserve in our relaxing studio."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-hands-towel_23-2148859707.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Now", href: "#contact" }, { text: "Our Services", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-hands-towel_23-2148859707.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Excellence in Every Detail"
|
||||
description="At Tina Nails, we believe your nails are a canvas for self-expression. Our experienced team is dedicated to providing high-quality care, using premium products in a serene, hygienic environment."
|
||||
subdescription="With years of expertise, we specialize in everything from classic manicures to intricate custom nail art, ensuring you leave feeling confident and beautiful every time."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-cheerful-manicurist-is-posing-photographer-while-doing-maicure-customer_613910-20773.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-cheerful-manicurist-is-posing-photographer-while-doing-maicure-customer_613910-20773.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -94,21 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Paintbrush,
|
||||
title: "Custom Nail Art",
|
||||
description: "Intricate hand-painted designs personalized for every occasion.",
|
||||
},
|
||||
{
|
||||
icon: Diamond,
|
||||
title: "Gel Manicures",
|
||||
description: "Long-lasting, high-gloss finishes that protect and beautify your nails.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Luxury Pedicures",
|
||||
description: "A relaxing spa experience featuring exfoliation, massage, and polish.",
|
||||
},
|
||||
{ icon: Paintbrush, title: "Custom Nail Art", description: "Intricate hand-painted designs personalized for every occasion." },
|
||||
{ icon: Diamond, title: "Gel Manicures", description: "Long-lasting, high-gloss finishes that protect and beautify your nails." },
|
||||
{ icon: Sparkles, title: "Luxury Pedicures", description: "A relaxing spa experience featuring exfoliation, massage, and polish." },
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive nail care solutions tailored to your unique preferences and style."
|
||||
@@ -122,40 +88,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essential",
|
||||
price: "$35",
|
||||
period: "per session",
|
||||
description: "Classic manicure with premium polish selection.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Nail shaping",
|
||||
"Cuticle care",
|
||||
"Hand massage",
|
||||
"Polish application",
|
||||
],
|
||||
id: "basic", tag: "Essential", price: "$35", period: "per session", description: "Classic manicure with premium polish selection.", button: { text: "Book Now", href: "#contact" },
|
||||
featuresTitle: "Included:", features: ["Nail shaping", "Cuticle care", "Hand massage", "Polish application"],
|
||||
},
|
||||
{
|
||||
id: "gel",
|
||||
tag: "Popular",
|
||||
price: "$55",
|
||||
period: "per session",
|
||||
description: "Long-lasting gel treatment with added durability.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Gel polish",
|
||||
"Extended wear",
|
||||
"Gloss finish",
|
||||
],
|
||||
id: "gel", tag: "Popular", price: "$55", period: "per session", description: "Long-lasting gel treatment with added durability.", button: { text: "Book Now", href: "#contact" },
|
||||
featuresTitle: "Included:", features: ["Everything in Basic", "Gel polish", "Extended wear", "Gloss finish"],
|
||||
},
|
||||
]}
|
||||
title="Treatment Pricing"
|
||||
@@ -170,24 +108,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Tina Nguyen",
|
||||
role: "Head Nail Technician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Mai Le",
|
||||
role: "Senior Nail Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Sarah Chen",
|
||||
role: "Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-female-white-shirt-holding-tassels-manicure-accessories-green-surface_140725-64186.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Tina Nguyen", role: "Head Nail Technician", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg" },
|
||||
{ id: "m2", name: "Mai Le", role: "Senior Nail Artist", imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg" },
|
||||
{ id: "m3", name: "Sarah Chen", role: "Specialist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-female-white-shirt-holding-tassels-manicure-accessories-green-surface_140725-64186.jpg" },
|
||||
]}
|
||||
title="Meet Our Experts"
|
||||
description="Highly skilled professionals dedicated to your satisfaction and nail health."
|
||||
@@ -200,51 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jessica M.",
|
||||
handle: "@jessm",
|
||||
testimonial: "The best manicure I've ever had! Tina is so talented and detail-oriented.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-nail-artist-working-with-nail-file-making-square-nails-while-doing-manicure-salon_176420-42440.jpg",
|
||||
imageAlt: "Professional nail artist working with nail file making square nails while doing manicure at salon.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Lovely studio, very clean, and professional service. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-towel_23-2148859707.jpg?_wi=2",
|
||||
imageAlt: "Professional nail artist working with nail file making square nails while doing manicure at salon.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amanda P.",
|
||||
handle: "@amandap",
|
||||
testimonial: "I love my custom nail art. They truly listen to what I want.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-cheerful-manicurist-is-posing-photographer-while-doing-maicure-customer_613910-20773.jpg?_wi=2",
|
||||
imageAlt: "Professional nail artist working with nail file making square nails while doing manicure at salon.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sophia K.",
|
||||
handle: "@sophiak",
|
||||
testimonial: "Excellent quality and friendly atmosphere. I'm a regular now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg?_wi=2",
|
||||
imageAlt: "Professional nail artist working with nail file making square nails while doing manicure at salon.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe T.",
|
||||
handle: "@chloet",
|
||||
testimonial: "Tina Nails never disappoints. Quality is consistent every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg?_wi=2",
|
||||
imageAlt: "Professional nail artist working with nail file making square nails while doing manicure at salon.",
|
||||
},
|
||||
{ id: "1", name: "Jessica M.", handle: "@jessm", testimonial: "The best manicure I've ever had! Tina is so talented and detail-oriented.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-nail-artist-working-with-nail-file-making-square-nails-while-doing-manicure-salon_176420-42440.jpg" },
|
||||
{ id: "2", name: "Emily R.", handle: "@emilyr", testimonial: "Lovely studio, very clean, and professional service. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-towel_23-2148859707.jpg" },
|
||||
{ id: "3", name: "Amanda P.", handle: "@amandap", testimonial: "I love my custom nail art. They truly listen to what I want.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-cheerful-manicurist-is-posing-photographer-while-doing-maicure-customer_613910-20773.jpg" },
|
||||
{ id: "4", name: "Sophia K.", handle: "@sophiak", testimonial: "Excellent quality and friendly atmosphere. I'm a regular now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg" },
|
||||
{ id: "5", name: "Chloe T.", handle: "@chloet", testimonial: "Tina Nails never disappoints. Quality is consistent every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Reviews"
|
||||
@@ -256,21 +139,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking an appointment to ensure you receive our full attention.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What products do you use?",
|
||||
content: "We use only high-quality, professional-grade products that are safe and long-lasting.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is nail art available?",
|
||||
content: "Absolutely! Our team specializes in intricate, customized nail art designs.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need an appointment?", content: "Yes, we recommend booking an appointment to ensure you receive our full attention." },
|
||||
{ id: "f2", title: "What products do you use?", content: "We use only high-quality, professional-grade products that are safe and long-lasting." },
|
||||
{ id: "f3", title: "Is nail art available?", content: "Absolutely! Our team specializes in intricate, customized nail art designs." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -283,18 +154,8 @@ export default function LandingPage() {
|
||||
title="Schedule Your Visit"
|
||||
description="Ready for beautiful nails? Send us a message to book your appointment today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/alarm-clock-laptop-with-makeup-brush-macaroons-whiteboard-slate-colored-background_23-2148178652.jpg"
|
||||
/>
|
||||
@@ -304,38 +165,10 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Manicures",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pedicures",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Nail Art",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [{ label: "Manicures", href: "#features" }, { label: "Pedicures", href: "#features" }, { label: "Nail Art", href: "#features" }],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }],
|
||||
},
|
||||
]}
|
||||
logoText="Tina Nails"
|
||||
|
||||
Reference in New Issue
Block a user