Merge version_1 into main #1
249
src/app/page.tsx
249
src/app/page.tsx
@@ -33,70 +33,42 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Polishpop"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Unleash Your Inner Glow"
|
||||
description="Experience professional nail care and artistry at Polishpop. Where trends meet elegance, crafted just for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "slide1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-christmas-new-year-nail-design-nude-beige-nail-polish-manicure-one-finger-shiny-golden-bronze_343596-4492.jpg",
|
||||
imageAlt: "Luxury nail studio interior design",
|
||||
},
|
||||
id: "slide1", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-christmas-new-year-nail-design-nude-beige-nail-polish-manicure-one-finger-shiny-golden-bronze_343596-4492.jpg", imageAlt: "Luxury nail studio interior design"},
|
||||
{
|
||||
id: "slide2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glamor-closeup-beauty-portrait-beautiful-sensual-caucasian-young-woman-model-with-nude-makeup-touching-her-perfect-clean-skin-posing-dark-background_158538-12915.jpg",
|
||||
imageAlt: "Colorful nail varnish bottles collection",
|
||||
},
|
||||
id: "slide2", imageSrc: "http://img.b2bpic.net/free-photo/glamor-closeup-beauty-portrait-beautiful-sensual-caucasian-young-woman-model-with-nude-makeup-touching-her-perfect-clean-skin-posing-dark-background_158538-12915.jpg", imageAlt: "Colorful nail varnish bottles collection"},
|
||||
{
|
||||
id: "slide3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-manicure_23-2149975504.jpg",
|
||||
imageAlt: "Nail artist applying gel polish",
|
||||
},
|
||||
id: "slide3", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-manicure_23-2149975504.jpg", imageAlt: "Nail artist applying gel polish"},
|
||||
{
|
||||
id: "slide4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-nail-care-products_23-2148974503.jpg",
|
||||
imageAlt: "Pedicure station minimalist design",
|
||||
},
|
||||
id: "slide4", imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-nail-care-products_23-2148974503.jpg", imageAlt: "Pedicure station minimalist design"},
|
||||
{
|
||||
id: "slide5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-colorful-nail-polishes-multicolor-paper_181624-35010.jpg",
|
||||
imageAlt: "Vibrant nail polish color palette",
|
||||
},
|
||||
id: "slide5", imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-colorful-nail-polishes-multicolor-paper_181624-35010.jpg", imageAlt: "Vibrant nail polish color palette"},
|
||||
{
|
||||
id: "slide6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg",
|
||||
imageAlt: "Professional nail technician at work",
|
||||
},
|
||||
id: "slide6", imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg", imageAlt: "Professional nail technician at work"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,17 +80,11 @@ export default function LandingPage() {
|
||||
description="Polishpop is dedicated to providing premium nail care in a serene, modern environment. Our team combines technical precision with artistic flair."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
value: "10k+", title: "Happy Clients"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Expert Styles",
|
||||
},
|
||||
value: "50+", title: "Expert Styles"},
|
||||
{
|
||||
value: "10",
|
||||
title: "Years of Experience",
|
||||
},
|
||||
value: "10", title: "Years of Experience"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg"
|
||||
imageAlt="Professional nail studio interior setup"
|
||||
@@ -134,19 +100,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "We only use high-end, toxin-free polishes.",
|
||||
icon: Sparkles,
|
||||
title: "Premium Products", description: "We only use high-end, toxin-free polishes.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Hygienic Standards",
|
||||
description: "Your safety is our top priority.",
|
||||
icon: Shield,
|
||||
title: "Hygienic Standards", description: "Your safety is our top priority.", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Expert Artistry",
|
||||
description: "Highly trained specialists.",
|
||||
icon: Award,
|
||||
title: "Expert Artistry", description: "Highly trained specialists.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Polishpop?"
|
||||
@@ -162,47 +122,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Classic Manicure",
|
||||
price: "$30",
|
||||
variant: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-pink-items-valentine-s-day_23-2149164869.jpg",
|
||||
},
|
||||
id: "s1", name: "Classic Manicure", price: "$30", variant: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-pink-items-valentine-s-day_23-2149164869.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Gel Extension Set",
|
||||
price: "$60",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-2345.jpg",
|
||||
},
|
||||
id: "s2", name: "Gel Extension Set", price: "$60", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-2345.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Custom Nail Art",
|
||||
price: "$45",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-care-concept-with-nail-polish-high-angle_23-2149046526.jpg",
|
||||
},
|
||||
id: "s3", name: "Custom Nail Art", price: "$45", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/nail-care-concept-with-nail-polish-high-angle_23-2149046526.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Spa Pedicure",
|
||||
price: "$50",
|
||||
variant: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149297956.jpg",
|
||||
},
|
||||
id: "s4", name: "Spa Pedicure", price: "$50", variant: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149297956.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "French Tip Finish",
|
||||
price: "$40",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24224.jpg",
|
||||
},
|
||||
id: "s5", name: "French Tip Finish", price: "$40", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24224.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Nail Repair Service",
|
||||
price: "$15",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-red-condom-his-pocket_23-2148237889.jpg",
|
||||
},
|
||||
id: "s6", name: "Nail Repair Service", price: "$15", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-red-condom-his-pocket_23-2148237889.jpg"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="From classic manicures to intricate nail art designs, discover our signature service offerings."
|
||||
@@ -216,26 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Stunning",
|
||||
title: "Glitter Finish",
|
||||
description: "Sparkling long-lasting wear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-nail-polish-her-nails_53876-14882.jpg",
|
||||
},
|
||||
id: "m1", value: "Stunning", title: "Glitter Finish", description: "Sparkling long-lasting wear.", imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-nail-polish-her-nails_53876-14882.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Creative",
|
||||
title: "Custom Designs",
|
||||
description: "Intricate hand-painted art.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-care-items-arrangement-view_23-2149046494.jpg",
|
||||
},
|
||||
id: "m2", value: "Creative", title: "Custom Designs", description: "Intricate hand-painted art.", imageSrc: "http://img.b2bpic.net/free-photo/nail-care-items-arrangement-view_23-2149046494.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Minimalist",
|
||||
title: "Clean Lines",
|
||||
description: "Sophisticated, elegant look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-girl-with-beauty-blender_23-2148272497.jpg",
|
||||
},
|
||||
id: "m3", value: "Minimalist", title: "Clean Lines", description: "Sophisticated, elegant look.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-girl-with-beauty-blender_23-2148272497.jpg"},
|
||||
]}
|
||||
title="Artistic Vision"
|
||||
description="Visual highlights of our latest nail artistry work."
|
||||
@@ -249,59 +164,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
role: "Fashionista",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-beautiful-nails_23-2149311562.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice M.", role: "Fashionista", company: "Local Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-beautiful-nails_23-2149311562.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah P.",
|
||||
role: "Business Owner",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-young-girl-with-dark-hair-casual-clothes-looks-camera-sitting-backyard-mood-lifestyle-concept_197531-32586.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah P.", role: "Business Owner", company: "Local Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-young-girl-with-dark-hair-casual-clothes-looks-camera-sitting-backyard-mood-lifestyle-concept_197531-32586.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jessica R.",
|
||||
role: "Creative Director",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-exited-young-hipster-girl-with-pink-trendy-hairs-bright-make-up-ready-celebration-winter-fur-leopard-coat-positive-mood-ready-celebration_291049-1660.jpg",
|
||||
},
|
||||
id: "t3", name: "Jessica R.", role: "Creative Director", company: "Local Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-exited-young-hipster-girl-with-pink-trendy-hairs-bright-make-up-ready-celebration-winter-fur-leopard-coat-positive-mood-ready-celebration_291049-1660.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily D.",
|
||||
role: "Influencer",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg",
|
||||
},
|
||||
id: "t4", name: "Emily D.", role: "Influencer", company: "Local Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe T.",
|
||||
role: "Student",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-taking-face-mask-off_23-2148665443.jpg",
|
||||
},
|
||||
id: "t5", name: "Chloe T.", role: "Student", company: "Local Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-taking-face-mask-off_23-2148665443.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Google Reviews",
|
||||
},
|
||||
value: "500+", label: "Google Reviews"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
]}
|
||||
title="Loved by Our Clients"
|
||||
description="Hear what our wonderful customers have to say about their Polishpop experience."
|
||||
@@ -314,20 +198,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need to book in advance?",
|
||||
content: "Yes, we recommend booking to secure your preferred time.",
|
||||
},
|
||||
id: "q1", title: "Do I need to book in advance?", content: "Yes, we recommend booking to secure your preferred time."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What products do you use?",
|
||||
content: "We use professional-grade, high-quality polishes.",
|
||||
},
|
||||
id: "q2", title: "What products do you use?", content: "We use professional-grade, high-quality polishes."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer nail art?",
|
||||
content: "Absolutely, our specialists excel at custom art.",
|
||||
},
|
||||
id: "q3", title: "Do you offer nail art?", content: "Absolutely, our specialists excel at custom art."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services and booking process."
|
||||
@@ -342,22 +217,14 @@ export default function LandingPage() {
|
||||
description="Ready to get pampered? Send us a message to secure your appointment today."
|
||||
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: "Your preferred service or any special requests.",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your preferred service or any special requests.", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg"
|
||||
imageAlt="Modern salon reception desk"
|
||||
@@ -370,29 +237,19 @@ export default function LandingPage() {
|
||||
logoText="Polishpop"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
title: "Studio", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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