Merge version_3 into main #1
183
src/app/page.tsx
183
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Portfolio", id: "gallery"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Services", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Nail Atelier"
|
||||
/>
|
||||
@@ -55,19 +47,14 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Nail Atelier by Katrina"
|
||||
description="Exquisite nail art designed for your unique expression. Discover a curated collection of handcrafted manicures and premium care."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
text: "View Gallery", href: "#gallery"},
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beauty-nail-concept-petty-woman-with-pink-spring-color-manicure-white-sweater-purple-wall_343596-5625.jpg"
|
||||
imageAlt="elegant nail art close-up"
|
||||
@@ -91,46 +78,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Floral Minimalist",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-with-woman-table_23-2149628166.jpg",
|
||||
},
|
||||
id: "1", name: "Floral Minimalist", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-with-woman-table_23-2149628166.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chrome Accents",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-with-beautiful-blue-nails_23-2149921693.jpg",
|
||||
},
|
||||
id: "2", name: "Chrome Accents", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/model-with-beautiful-blue-nails_23-2149921693.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Velvet Matte",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solid-curvy-retro-fabrics-curtains_23-2148516059.jpg",
|
||||
},
|
||||
id: "3", name: "Velvet Matte", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/solid-curvy-retro-fabrics-curtains_23-2148516059.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Glitter Gradient",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-glittery-composition-decoration_23-2149129302.jpg",
|
||||
},
|
||||
id: "4", name: "Glitter Gradient", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/still-life-glittery-composition-decoration_23-2149129302.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Boho Earth Tones",
|
||||
price: "$70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-female-hands-holding-big-white-cup-cappuccino-coffee-flowers_169016-6424.jpg",
|
||||
},
|
||||
id: "5", name: "Boho Earth Tones", price: "$70", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-female-hands-holding-big-white-cup-cappuccino-coffee-flowers_169016-6424.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Classic French Tip",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hand-with-beatiful-beige-nail-design-hold-dark-stylish-bag-white-background_127675-2664.jpg",
|
||||
},
|
||||
id: "6", name: "Classic French Tip", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/female-hand-with-beatiful-beige-nail-design-hold-dark-stylish-bag-white-background_127675-2664.jpg"},
|
||||
]}
|
||||
title="Portfolio Highlights"
|
||||
description="A glimpse into our signature styles and custom designs."
|
||||
@@ -144,51 +108,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Signature Manicure",
|
||||
price: "$60",
|
||||
features: [
|
||||
"Nail shaping",
|
||||
"Cuticle work",
|
||||
"Standard polish",
|
||||
],
|
||||
id: "basic", name: "Signature Manicure", price: "$60", features: [
|
||||
"Nail shaping", "Cuticle work", "Standard polish"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Gel Extension Set",
|
||||
price: "$120",
|
||||
features: [
|
||||
"Full extension",
|
||||
"Custom art design",
|
||||
"High gloss finish",
|
||||
],
|
||||
id: "pro", name: "Gel Extension Set", price: "$120", features: [
|
||||
"Full extension", "Custom art design", "High gloss finish"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
name: "Bespoke Artistry",
|
||||
price: "$150+",
|
||||
features: [
|
||||
"Complex hand-painting",
|
||||
"Jewelry embellishments",
|
||||
"Extended duration",
|
||||
],
|
||||
id: "premium", name: "Bespoke Artistry", price: "$150+", features: [
|
||||
"Complex hand-painting", "Jewelry embellishments", "Extended duration"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -203,45 +143,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible Art",
|
||||
quote: "Katrina’s attention to detail is unmatched. My nails have never looked better.",
|
||||
name: "Elena R.",
|
||||
role: "Fashion Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-smiling-urban-background_1139-891.jpg",
|
||||
},
|
||||
id: "1", title: "Incredible Art", quote: "Katrina’s attention to detail is unmatched. My nails have never looked better.", name: "Elena R.", role: "Fashion Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-smiling-urban-background_1139-891.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Stunning Results",
|
||||
quote: "I get compliments everywhere I go. The quality is top-notch.",
|
||||
name: "Sophia L.",
|
||||
role: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg",
|
||||
},
|
||||
id: "2", title: "Stunning Results", quote: "I get compliments everywhere I go. The quality is top-notch.", name: "Sophia L.", role: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Relaxing Time",
|
||||
quote: "The entire experience is therapeutic. I always leave feeling polished.",
|
||||
name: "Mia J.",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg",
|
||||
},
|
||||
id: "3", title: "Relaxing Time", quote: "The entire experience is therapeutic. I always leave feeling polished.", name: "Mia J.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Highly Recommend",
|
||||
quote: "Best nail artist in town. Katrina is a true professional.",
|
||||
name: "Chloe T.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/poster-with-young-female-engineer-against-background-hydroelectric-power-station-construction-hands-specialist-drawing-concept-about-women-specialists-construction-industry_166373-9039.jpg",
|
||||
},
|
||||
id: "4", title: "Highly Recommend", quote: "Best nail artist in town. Katrina is a true professional.", name: "Chloe T.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/poster-with-young-female-engineer-against-background-hydroelectric-power-station-construction-hands-specialist-drawing-concept-about-women-specialists-construction-industry_166373-9039.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Perfect Every Time",
|
||||
quote: "Consistency and creativity in every set.",
|
||||
name: "Grace P.",
|
||||
role: "Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-2444.jpg",
|
||||
},
|
||||
id: "5", title: "Perfect Every Time", quote: "Consistency and creativity in every set.", name: "Grace P.", role: "Editor", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-2444.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our wonderful clients have to say."
|
||||
@@ -254,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long do extensions last?",
|
||||
content: "Our gel extensions typically last 3-4 weeks with proper care.",
|
||||
},
|
||||
id: "1", title: "How long do extensions last?", content: "Our gel extensions typically last 3-4 weeks with proper care."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer nail art?",
|
||||
content: "Yes, specialized nail art is Katrina's specialty. Please mention your design preferences during booking.",
|
||||
},
|
||||
id: "2", title: "Do you offer nail art?", content: "Yes, specialized nail art is Katrina's specialty. Please mention your design preferences during booking."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I bring a design?",
|
||||
content: "Absolutely! We encourage bringing reference photos for bespoke sessions.",
|
||||
},
|
||||
id: "3", title: "Can I bring a design?", content: "Absolutely! We encourage bringing reference photos for bespoke sessions."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions regarding bookings and care."
|
||||
@@ -282,22 +183,14 @@ export default function LandingPage() {
|
||||
description="Ready to transform your style? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your desired design...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your desired design...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg"
|
||||
@@ -312,14 +205,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user