Merge version_2 into main #1
239
src/app/page.tsx
239
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Nail Art",
|
||||
id: "products",
|
||||
},
|
||||
name: "Nail Art", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DreamNails"
|
||||
/>
|
||||
@@ -60,77 +50,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Nails That Tell Your Story"
|
||||
description="Premium nail care and custom art designed just for you. Book your dream nails with Dora today."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "10+", label: "Years Experience"},
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "5000+", label: "Happy Clients"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Hygiene Guaranteed",
|
||||
},
|
||||
value: "100%", label: "Hygiene Guaranteed"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-still-life-arrangement-nail-care-products_23-2148974566.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262887.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262887.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262926.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262926.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-nail-care-products_23-2148974570.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-nail-care-products_23-2148974570.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Loved by thousands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Manicure",
|
||||
},
|
||||
type: "text", text: "Classic Manicure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gel Extensions",
|
||||
},
|
||||
type: "text", text: "Gel Extensions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bridal Art",
|
||||
},
|
||||
type: "text", text: "Bridal Art"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nail Repair",
|
||||
},
|
||||
type: "text", text: "Nail Repair"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Pedicure",
|
||||
},
|
||||
type: "text", text: "Luxury Pedicure"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,19 +103,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Creativity",
|
||||
value: "Custom Designs",
|
||||
},
|
||||
label: "Creativity", value: "Custom Designs"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Hygiene",
|
||||
value: "Safety First",
|
||||
},
|
||||
label: "Hygiene", value: "Safety First"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Comfort",
|
||||
value: "Relaxing Space",
|
||||
},
|
||||
label: "Comfort", value: "Relaxing Space"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -168,20 +123,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Manicures",
|
||||
description: "Expert shaping, cuticle care, and long-lasting polish applications.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manicure-procedure-progress-beautician-master-applying-color-nail-polish-closeup-hands_613910-20404.jpg",
|
||||
},
|
||||
title: "Premium Manicures", description: "Expert shaping, cuticle care, and long-lasting polish applications.", imageSrc: "http://img.b2bpic.net/free-photo/manicure-procedure-progress-beautician-master-applying-color-nail-polish-closeup-hands_613910-20404.jpg"},
|
||||
{
|
||||
title: "Custom Nail Art",
|
||||
description: "Personalized designs created by our artists to tell your unique story.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-manicure-from-woman-gloves-mask-beauty-salon-daytime_176474-2909.jpg",
|
||||
},
|
||||
title: "Custom Nail Art", description: "Personalized designs created by our artists to tell your unique story.", imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-manicure-from-woman-gloves-mask-beauty-salon-daytime_176474-2909.jpg"},
|
||||
{
|
||||
title: "Hygiene Standards",
|
||||
description: "Rigorous sterilization processes to ensure your peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-composition-nail-care-products_23-2148974530.jpg",
|
||||
},
|
||||
title: "Hygiene Standards", description: "Rigorous sterilization processes to ensure your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-composition-nail-care-products_23-2148974530.jpg"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Indulge in our range of professional treatments tailored to suit your lifestyle and unique personality."
|
||||
@@ -196,41 +142,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Elegance",
|
||||
price: "€35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-hand-woman-with-gentle-beige-pink-manicure-covering-with-gel-polish_343596-6402.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Elegance", price: "€35", imageSrc: "http://img.b2bpic.net/free-photo/tanned-hand-woman-with-gentle-beige-pink-manicure-covering-with-gel-polish_343596-6402.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Stiletto",
|
||||
price: "€50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-elegant-woman-with-bright-make-up-dark-blazer_291049-117.jpg",
|
||||
},
|
||||
id: "p2", name: "Modern Stiletto", price: "€50", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-elegant-woman-with-bright-make-up-dark-blazer_291049-117.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Minimalist Nude",
|
||||
price: "€40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-varnish_23-2149820414.jpg",
|
||||
},
|
||||
id: "p3", name: "Minimalist Nude", price: "€40", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-varnish_23-2149820414.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Bridal Sparkle",
|
||||
price: "€65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-bride-put-their-hands-flowers_8353-10437.jpg",
|
||||
},
|
||||
id: "p4", name: "Bridal Sparkle", price: "€65", imageSrc: "http://img.b2bpic.net/free-photo/groom-bride-put-their-hands-flowers_8353-10437.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Seasonal Floral",
|
||||
price: "€55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-female-hands-holding-small-chamomile_627829-7625.jpg",
|
||||
},
|
||||
id: "p5", name: "Seasonal Floral", price: "€55", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-female-hands-holding-small-chamomile_627829-7625.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Geometric Matte",
|
||||
price: "€45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-hipster-bad-girl-trendy-red-summer-clothes-earring-her-nose-sexy-carefree-smiling-woman-posing-studio-pink-wig-positive-model-shows-ok-sign_158538-15523.jpg",
|
||||
},
|
||||
id: "p6", name: "Geometric Matte", price: "€45", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-hipster-bad-girl-trendy-red-summer-clothes-earring-her-nose-sexy-carefree-smiling-woman-posing-studio-pink-wig-positive-model-shows-ok-sign_158538-15523.jpg"},
|
||||
]}
|
||||
title="Featured Nail Designs"
|
||||
description="Explore our portfolio of recent work to inspire your next visit."
|
||||
@@ -245,23 +167,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Dora",
|
||||
role: "Head Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-working-with-her-nails-blue_140725-24247.jpg",
|
||||
},
|
||||
id: "m1", name: "Dora", role: "Head Artist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-working-with-her-nails-blue_140725-24247.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Maria",
|
||||
role: "Nail Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-smiling-blue_140725-24232.jpg",
|
||||
},
|
||||
id: "m2", name: "Maria", role: "Nail Stylist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-smiling-blue_140725-24232.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Elena",
|
||||
role: "Nail Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-blinked-young-beautiful-girl-sits-table-with-makeup-tools-wrapped-hair-towel-applying-lipstick-isolated-pink-wall_141793-106041.jpg",
|
||||
},
|
||||
id: "m3", name: "Elena", role: "Nail Stylist", imageSrc: "http://img.b2bpic.net/free-photo/pleased-blinked-young-beautiful-girl-sits-table-with-makeup-tools-wrapped-hair-towel-applying-lipstick-isolated-pink-wall_141793-106041.jpg"},
|
||||
]}
|
||||
title="Meet Your Nail Artist"
|
||||
description="Meet our team of dedicated professionals committed to perfection."
|
||||
@@ -275,40 +185,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna",
|
||||
role: "Regular Client",
|
||||
testimonial: "Dora is absolutely the best in town!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-caring-her-skin-near-mirror-bathroom_1301-7643.jpg",
|
||||
},
|
||||
id: "t1", name: "Anna", role: "Regular Client", testimonial: "Dora is absolutely the best in town!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-caring-her-skin-near-mirror-bathroom_1301-7643.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sofia",
|
||||
role: "Special Occasion",
|
||||
testimonial: "My wedding nails were perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149298020.jpg",
|
||||
},
|
||||
id: "t2", name: "Sofia", role: "Special Occasion", testimonial: "My wedding nails were perfect.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149298020.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Christina",
|
||||
role: "Regular Client",
|
||||
testimonial: "Professional, clean, and so talented.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-female-white-shirt-holding-manicure-accessories-green-surface_140725-64183.jpg",
|
||||
},
|
||||
id: "t3", name: "Christina", role: "Regular Client", testimonial: "Professional, clean, and so talented.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-female-white-shirt-holding-manicure-accessories-green-surface_140725-64183.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Eleni",
|
||||
role: "Special Occasion",
|
||||
testimonial: "Highly recommended for custom art.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-salon-looking-into-mirror_1303-16737.jpg",
|
||||
},
|
||||
id: "t4", name: "Eleni", role: "Special Occasion", testimonial: "Highly recommended for custom art.", imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-salon-looking-into-mirror_1303-16737.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Maria",
|
||||
role: "Regular Client",
|
||||
testimonial: "Simply the best experience ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
||||
},
|
||||
id: "t5", name: "Maria", role: "Regular Client", testimonial: "Simply the best experience ever.", imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"},
|
||||
]}
|
||||
title="Client Love"
|
||||
description="Don't just take our word for it—see what our clients have to say about their experience."
|
||||
@@ -320,20 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book?",
|
||||
content: "You can book directly via our online portal.",
|
||||
},
|
||||
id: "f1", title: "How do I book?", content: "You can book directly via our online portal."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you do custom art?",
|
||||
content: "Yes! Custom art is our specialty.",
|
||||
},
|
||||
id: "f2", title: "Do you do custom art?", content: "Yes! Custom art is our specialty."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the salon hygienic?",
|
||||
content: "Absolutely, hygiene is our top priority.",
|
||||
},
|
||||
id: "f3", title: "Is the salon hygienic?", content: "Absolutely, hygiene is our top priority."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -344,16 +220,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready to book?"
|
||||
title="Book Your Appointment"
|
||||
description="Secure your spot at DreamNails today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -363,29 +236,19 @@ export default function LandingPage() {
|
||||
logoText="DreamNailsByDora"
|
||||
columns={[
|
||||
{
|
||||
title: "Salon",
|
||||
items: [
|
||||
title: "Salon", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Portfolio", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fcf6ec;
|
||||
--card: #f3ede2;
|
||||
--foreground: #2e2521;
|
||||
--primary-cta: #2e2521;
|
||||
--background: #fdf2f8;
|
||||
--card: #fce7f3;
|
||||
--foreground: #500724;
|
||||
--primary-cta: #be185d;
|
||||
--primary-cta-text: #fcf6ec;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #fce7f3;
|
||||
--secondary-cta-text: #2e2521;
|
||||
--accent: #b2a28b;
|
||||
--background-accent: #b2a28b;
|
||||
--accent: #fbcfe8;
|
||||
--background-accent: #f9a8d4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user