bender/f2cdaf42-598a-415c-9c0e-3c537f3df16d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 12:19:18 +00:00
parent 4280e96667
commit 426a05083a
1 changed files with 72 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

337
src/app/page.tsx
View File

@@ -33,61 +33,40 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Treatments",
id: "treatments",
},
name: "Treatments", id: "treatments"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Kiwibeautybar"
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroLogoBillboard
background={{
variant: "glowing-orb",
}}
variant: "glowing-orb"}}
logoText="Kiwibeautybar"
description="Indulge in exquisite beauty at Kiwibeautybar. Your sanctuary for luxurious pampering and transformative beauty treatments in Mexico City. Discover your glow with our expert stylists."
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
{
text: "Explore Services",
href: "#services",
},
text: "Explore Services", href: "#services"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg"
imageAlt="Luxurious beauty salon interior"
mediaAnimation="opacity"
frameStyle="card"
@@ -101,19 +80,13 @@ export default function LandingPage() {
metrics={[
{
icon: Star,
label: "Average Rating",
value: "5.0",
},
label: "Average Rating", value: "5.0"},
{
icon: Award,
label: "Years in Business",
value: "10+",
},
label: "Years in Business", value: "10+"},
{
icon: Smile,
label: "Happy Clients",
value: "200+",
},
label: "Happy Clients", value: "200+"},
]}
metricsAnimation="slide-up"
/>
@@ -126,52 +99,22 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Nail Artistry",
description: "Creative and elegant designs for manicures and pedicures.",
bentoComponent: "reveal-icon",
icon: Palette,
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hand-holding-magic-wand-top-hat_107791-15412.jpg",
imageAlt: "gold star icon isolated",
title: "Nail Artistry", description: "Creative and elegant designs for manicures and pedicures.", bentoComponent: "reveal-icon", icon: Palette
},
{
title: "Lash Extensions",
description: "Enhance your eyes with natural-looking or dramatic lash sets.",
bentoComponent: "reveal-icon",
icon: Eye,
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=2",
imageAlt: "gold star icon isolated",
title: "Lash Extensions", description: "Enhance your eyes with natural-looking or dramatic lash sets.", bentoComponent: "reveal-icon", icon: Eye
},
{
title: "Facials & Skincare",
description: "Personalized treatments to rejuvenate and nourish your skin.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-vector/golden-cup-badge_23-2147494035.jpg",
imageAlt: "gold star icon isolated",
title: "Facials & Skincare", description: "Personalized treatments to rejuvenate and nourish your skin.", bentoComponent: "reveal-icon", icon: Sparkles
},
{
title: "Hair Styling",
description: "From cuts to color, achieve your dream hair with our expert stylists.",
bentoComponent: "reveal-icon",
icon: Scissors,
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-face-emoji-eyes-mouths-isolated-set_107791-17340.jpg",
imageAlt: "gold star icon isolated",
title: "Hair Styling", description: "From cuts to color, achieve your dream hair with our expert stylists.", bentoComponent: "reveal-icon", icon: Scissors
},
{
title: "Waxing Services",
description: "Smooth and long-lasting hair removal for all body areas.",
bentoComponent: "reveal-icon",
icon: Droplet,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-nail-art-with-tools_23-2150455867.jpg",
imageAlt: "gold star icon isolated",
title: "Waxing Services", description: "Smooth and long-lasting hair removal for all body areas.", bentoComponent: "reveal-icon", icon: Droplet
},
{
title: "Makeup Application",
description: "Flawless makeup for any occasion, from natural to glam.",
bentoComponent: "reveal-icon",
icon: Feather,
imageSrc: "http://img.b2bpic.net/free-photo/false-eyelashes-concept-different-makeup-accessories_185193-163443.jpg",
imageAlt: "gold star icon isolated",
title: "Makeup Application", description: "Flawless makeup for any occasion, from natural to glam.", bentoComponent: "reveal-icon", icon: Feather
},
]}
title="Our Signature Services for Your Radiant Self"
@@ -187,65 +130,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p-1",
brand: "Kiwibeautybar",
name: "Deluxe Gel Manicure",
price: "$35",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/feminine-hands-wearing-ring_23-2148652087.jpg",
imageAlt: "Woman getting deluxe gel manicure",
},
id: "p-1", brand: "Kiwibeautybar", name: "Deluxe Gel Manicure", price: "$35", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/feminine-hands-wearing-ring_23-2148652087.jpg", imageAlt: "Woman getting deluxe gel manicure"},
{
id: "p-2",
brand: "Kiwibeautybar",
name: "Hydrating Glow Facial",
price: "$80",
rating: 4.9,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty_1098-15135.jpg",
imageAlt: "Woman receiving hydrating facial mask",
},
id: "p-2", brand: "Kiwibeautybar", name: "Hydrating Glow Facial", price: "$80", rating: 4.9,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty_1098-15135.jpg", imageAlt: "Woman receiving hydrating facial mask"},
{
id: "p-3",
brand: "Kiwibeautybar",
name: "Volume Lash Set",
price: "$150",
rating: 5,
reviewCount: "70",
imageSrc: "http://img.b2bpic.net/free-photo/half-face-asian-lady-looking-away_549566-246.jpg",
imageAlt: "Close up of volume lash extensions",
},
id: "p-3", brand: "Kiwibeautybar", name: "Volume Lash Set", price: "$150", rating: 5,
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/half-face-asian-lady-looking-away_549566-246.jpg", imageAlt: "Close up of volume lash extensions"},
{
id: "p-4",
brand: "Kiwibeautybar",
name: "Bridal Makeup Package",
price: "$200",
rating: 4.8,
reviewCount: "50",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-bride-with-wedding-makeup-hairstyle-bedroom_8353-5894.jpg",
imageAlt: "Bridal makeup application on a beautiful bride",
},
id: "p-4", brand: "Kiwibeautybar", name: "Bridal Makeup Package", price: "$200", rating: 4.8,
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-bride-with-wedding-makeup-hairstyle-bedroom_8353-5894.jpg", imageAlt: "Bridal makeup application on a beautiful bride"},
{
id: "p-5",
brand: "Kiwibeautybar",
name: "Full Body Wax",
price: "$120",
rating: 4.7,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23659.jpg",
imageAlt: "Smooth skin after full body waxing treatment",
},
id: "p-5", brand: "Kiwibeautybar", name: "Full Body Wax", price: "$120", rating: 4.7,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23659.jpg", imageAlt: "Smooth skin after full body waxing treatment"},
{
id: "p-6",
brand: "Kiwibeautybar",
name: "Custom Haircut & Style",
price: "$60",
rating: 5,
reviewCount: "110",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
imageAlt: "Elegant hair styling at a salon",
},
id: "p-6", brand: "Kiwibeautybar", name: "Custom Haircut & Style", price: "$60", rating: 5,
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg", imageAlt: "Elegant hair styling at a salon"},
]}
title="Discover Our Curated Beauty Treatments & Packages"
description="Elevate your self-care routine with our premium services and exclusive beauty packages designed for lasting results."
@@ -260,53 +161,23 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t-1",
name: "Sofia G.",
role: "Regular Client",
company: "Mexico City",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cool-woman-winking-showing-big-thumbs-up-pretty-girl-black-jacket-widely-smiling-looking-into-camera-isolated-background_197531-18492.jpg",
},
id: "t-1", name: "Sofia G.", role: "Regular Client", company: "Mexico City", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cool-woman-winking-showing-big-thumbs-up-pretty-girl-black-jacket-widely-smiling-looking-into-camera-isolated-background_197531-18492.jpg"},
{
id: "t-2",
name: "Elena R.",
role: "Fashion Blogger",
company: "CDMX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-volleyball-field-outside_23-2148638315.jpg",
},
id: "t-2", name: "Elena R.", role: "Fashion Blogger", company: "CDMX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-volleyball-field-outside_23-2148638315.jpg"},
{
id: "t-3",
name: "Valeria M.",
role: "Professional Artist",
company: "Local Business",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-european-blonde-woman-silk-white-summer-romantic-dress-golden-bracelet-earrings_343596-1779.jpg",
},
id: "t-3", name: "Valeria M.", role: "Professional Artist", company: "Local Business", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-european-blonde-woman-silk-white-summer-romantic-dress-golden-bracelet-earrings_343596-1779.jpg"},
{
id: "t-4",
name: "Isabella C.",
role: "New Client",
company: "Visitor",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg",
},
id: "t-4", name: "Isabella C.", role: "New Client", company: "Visitor", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg"},
{
id: "t-5",
name: "Andrea S.",
role: "Beauty Enthusiast",
company: "Kiwibeautybar Fan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-blond-caucasian-young-woman-model-with-bright-makeup-with-red-lips-with-perfect-clean-skin_158538-13872.jpg",
},
id: "t-5", name: "Andrea S.", role: "Beauty Enthusiast", company: "Kiwibeautybar Fan", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-blond-caucasian-young-woman-model-with-bright-makeup-with-red-lips-with-perfect-clean-skin_158538-13872.jpg"},
{
id: "t-6",
name: "Gabriela P.",
role: "Loyal Customer",
company: "Mexico City",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-glasses_23-2148415937.jpg",
},
id: "t-6", name: "Gabriela P.", role: "Loyal Customer", company: "Mexico City", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-glasses_23-2148415937.jpg"},
]}
title="What Our Clients Say About Kiwibeautybar"
description="Hear from our delighted customers who have experienced the transformative touch of our beauty experts."
@@ -318,15 +189,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"OPI",
"CND Shellac",
"Dermalogica",
"MoroccanOil",
"L'Oréal Professionnel",
"Urban Decay",
"Kryolan",
"BioSculpture",
]}
"OPI", "CND Shellac", "Dermalogica", "MoroccanOil", "L'Oréal Professionnel", "Urban Decay", "Kryolan", "BioSculpture"]}
title="Trusted by Leading Beauty Brands & Local Partners"
description="We proudly use and partner with top-tier beauty product lines and esteemed local businesses to ensure the highest quality for our clients."
showCard={true}
@@ -339,30 +202,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f-1",
title: "How do I book an appointment?",
content: "You can easily book an appointment through our website's 'Book Now' button, or by calling us directly during business hours. We recommend booking in advance to secure your preferred time.",
},
id: "f-1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website's 'Book Now' button, or by calling us directly during business hours. We recommend booking in advance to secure your preferred time."},
{
id: "f-2",
title: "What payment methods do you accept?",
content: "We accept major credit cards (Visa, Mastercard, American Express), debit cards, and cash. We also offer digital payment options for your convenience.",
},
id: "f-2", title: "What payment methods do you accept?", content: "We accept major credit cards (Visa, Mastercard, American Express), debit cards, and cash. We also offer digital payment options for your convenience."},
{
id: "f-3",
title: "What is your cancellation policy?",
content: "We kindly request a minimum of 24 hours notice for any cancellations or rescheduling. This allows us to offer the slot to other clients and avoid a cancellation fee.",
},
id: "f-3", title: "What is your cancellation policy?", content: "We kindly request a minimum of 24 hours notice for any cancellations or rescheduling. This allows us to offer the slot to other clients and avoid a cancellation fee."},
{
id: "f-4",
title: "Do you offer gift certificates?",
content: "Yes, we offer beautiful gift certificates that make the perfect present for any occasion. They can be purchased at our salon or ordered online.",
},
id: "f-4", title: "Do you offer gift certificates?", content: "Yes, we offer beautiful gift certificates that make the perfect present for any occasion. They can be purchased at our salon or ordered online."},
{
id: "f-5",
title: "Are walk-ins accepted?",
content: "While we welcome walk-ins, appointments are highly recommended to ensure we can provide you with dedicated service without a wait. Feel free to call ahead to check availability.",
},
id: "f-5", title: "Are walk-ins accepted?", content: "While we welcome walk-ins, appointments are highly recommended to ensure we can provide you with dedicated service without a wait. Feel free to call ahead to check availability."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about our services, booking process, and salon policies."
@@ -377,27 +225,16 @@ export default function LandingPage() {
description="Ready for a pampering session or a stunning beauty transformation? Contact us to schedule your next visit to Kiwibeautybar. We can't wait to see you!"
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: "Your Phone Number",
},
name: "phone", type: "tel", placeholder: "Your Phone Number"},
]}
textarea={{
name: "message",
placeholder: "Tell us about your desired service or inquiry...",
rows: 4,
name: "message", placeholder: "Tell us about your desired service or inquiry...", rows: 4,
required: false,
}}
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg"
@@ -411,75 +248,45 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Nails & Pedicures",
href: "#services",
},
label: "Nails & Pedicures", href: "#services"},
{
label: "Lash & Brow",
href: "#services",
},
label: "Lash & Brow", href: "#services"},
{
label: "Facials",
href: "#services",
},
label: "Facials", href: "#services"},
{
label: "Hair Styling",
href: "#services",
},
label: "Hair Styling", href: "#services"},
{
label: "Waxing",
href: "#services",
},
label: "Waxing", href: "#services"},
],
},
{
title: "About Us",
items: [
title: "About Us", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Client Reviews",
href: "#testimonials",
},
label: "Client Reviews", href: "#testimonials"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Booking Policy",
href: "#",
},
label: "Booking Policy", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
{
title: "Follow Us",
items: [
title: "Follow Us", items: [
{
label: "Instagram",
href: "https://instagram.com/kiwibeautybar",
},
label: "Instagram", href: "https://instagram.com/kiwibeautybar"},
{
label: "Facebook",
href: "https://facebook.com/kiwibeautybar",
},
label: "Facebook", href: "https://facebook.com/kiwibeautybar"},
],
},
]}