bender/6062236d-7ecd-45c3-ab1f-2425c71cd3b3
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-07 16:09:35 +00:00
parent f9cabe6ce6
commit 51f493e970
1 changed files with 39 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

291
src/app/page.tsx
View File

@@ -31,73 +31,30 @@ 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: "Gallery",
id: "gallery",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Gallery", id: "gallery" },
{ name: "Contact", id: "contact" },
]}
brandName="Nailed by Nicole"
button={{
text: "Book Now",
href: "#contact",
}}
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Luxury Nails by Nicole in Borås"
description="Experience the artistry of custom nail design in a relaxing, elegant environment. Dedicated to high-end gel nails and meticulous manicure care."
buttons={[
{
text: "Book Your Session",
href: "#contact",
},
]}
buttons={[{ text: "Book Your Session", href: "#contact" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/caring-young-mother-kissing-babys-feet-close-up_169016-37223.jpg?_wi=1",
imageAlt: "Nail art detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110931.jpg?_wi=1",
imageAlt: "Gel manicure process",
},
{
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-2381.jpg",
imageAlt: "Nail salon interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/gray-background-with-dirty-artistic-hand_53876-123082.jpg",
imageAlt: "Custom nail art set",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-vaping-from-hookah-indoors_23-2149173629.jpg",
imageAlt: "Relaxing spa atmosphere",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151501004.jpg",
imageAlt: "Professional nail workspace",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/caring-young-mother-kissing-babys-feet-close-up_169016-37223.jpg", imageAlt: "Nail art detail" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110931.jpg", imageAlt: "Gel manicure process" },
{ 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-2381.jpg", imageAlt: "Nail salon interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/gray-background-with-dirty-artistic-hand_53876-123082.jpg", imageAlt: "Custom nail art set" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-vaping-from-hookah-indoors_23-2149173629.jpg", imageAlt: "Relaxing spa atmosphere" },
{ imageSrc: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151501004.jpg", imageAlt: "Professional nail workspace" },
]}
/>
</div>
@@ -106,15 +63,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Elevated Nail Care in Borås",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166689.jpg",
alt: "Nicole at work",
},
{ type: "text", content: "Elevated Nail Care in Borås" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166689.jpg", alt: "Nicole at work" },
]}
/>
</div>
@@ -125,39 +75,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Gel Manicure",
tags: [
"Classic",
"Long-lasting",
],
description: "High-gloss, durable gel polish for a flawless finish.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-glass_23-2149820409.jpg",
imageAlt: "Woman showing her nail art on fingernails with glass",
},
{
id: "2",
title: "Pedicure Care",
tags: [
"Relaxing",
"Renewal",
],
description: "Revitalize your feet with a thorough, luxurious treatment.",
imageSrc: "http://img.b2bpic.net/free-photo/caring-young-mother-kissing-babys-feet-close-up_169016-37223.jpg?_wi=2",
imageAlt: "Woman showing her nail art on fingernails with glass",
},
{
id: "3",
title: "Custom Nail Art",
tags: [
"Artistic",
"Unique",
],
description: "Hand-painted intricate designs tailored to your aesthetic.",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110931.jpg?_wi=2",
imageAlt: "Woman showing her nail art on fingernails with glass",
},
{ id: "1", title: "Gel Manicure", tags: ["Classic", "Long-lasting"], imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-glass_23-2149820409.jpg", imageAlt: "Woman showing her nail art on fingernails with glass" },
{ id: "2", title: "Pedicure Care", tags: ["Relaxing", "Renewal"], imageSrc: "http://img.b2bpic.net/free-photo/caring-young-mother-kissing-babys-feet-close-up_169016-37223.jpg", imageAlt: "Woman showing her nail art on fingernails with glass" },
{ id: "3", title: "Custom Nail Art", tags: ["Artistic", "Unique"], imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110931.jpg", imageAlt: "Woman showing her nail art on fingernails with glass" },
]}
title="Our Signature Services"
description="Premium treatments tailored to your unique style."
@@ -170,57 +90,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "1",
title: "Gel Manicure",
price: "790 kr",
period: "approx 90min",
features: [
"Nail shaping",
"Cuticle care",
"Gel polish",
],
button: {
text: "Book now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-manicure-flower-close-up_23-2149311591.jpg",
imageAlt: "Beautiful manicure and flower close up",
},
{
id: "2",
title: "Pedicure",
price: "890 kr",
period: "approx 75min",
features: [
"Foot scrub",
"Callus treatment",
"Gel polish",
],
button: {
text: "Book now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/caring-young-mother-kissing-babys-feet-close-up_169016-37223.jpg?_wi=3",
imageAlt: "Beautiful manicure and flower close up",
},
{
id: "3",
title: "Advanced Nail Art",
price: "+ 300 kr",
period: "additional",
features: [
"Intricate hand-painting",
"Gem accents",
"Custom finishes",
],
button: {
text: "Book now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110931.jpg?_wi=3",
imageAlt: "Beautiful manicure and flower close up",
},
{ id: "1", title: "Gel Manicure", price: "790 kr", period: "approx 90min", features: ["Nail shaping", "Cuticle care", "Gel polish"], button: { text: "Book now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-manicure-flower-close-up_23-2149311591.jpg", imageAlt: "Beautiful manicure and flower close up" },
{ id: "2", title: "Pedicure", price: "890 kr", period: "approx 75min", features: ["Foot scrub", "Callus treatment", "Gel polish"], button: { text: "Book now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/caring-young-mother-kissing-babys-feet-close-up_169016-37223.jpg", imageAlt: "Beautiful manicure and flower close up" },
{ id: "3", title: "Advanced Nail Art", price: "+ 300 kr", period: "additional", features: ["Intricate hand-painting", "Gem accents", "Custom finishes"], button: { text: "Book now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110931.jpg", imageAlt: "Beautiful manicure and flower close up" },
]}
title="Price List"
description="Choose your beauty investment."
@@ -229,46 +101,17 @@ export default function LandingPage() {
<div id="gallery" data-section="gallery">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Pastel Pink Gel",
price: "Inspiration",
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg",
},
{
id: "2",
name: "Classic French Art",
price: "Inspiration",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-caucasian-woman-with-eye-patches-studio-shot-lady-turban-doing-her-skincare_197531-25913.jpg",
},
{
id: "3",
name: "Glitter Finish",
price: "Inspiration",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-with-perfect-golden-pink-nail-design-hold-fresh-rose-flower_127675-2438.jpg",
},
{
id: "4",
name: "Floral Design",
price: "Inspiration",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149295350.jpg",
},
{
id: "5",
name: "Matte Finish",
price: "Inspiration",
imageSrc: "http://img.b2bpic.net/free-photo/hands-detail-flamenco-dancer-beautiful-dress-black-back_1301-4253.jpg",
},
{
id: "6",
name: "Chrome Effect",
price: "Inspiration",
imageSrc: "http://img.b2bpic.net/free-photo/manicure-concept-with-nail-file_23-2149171293.jpg",
},
{ id: "1", name: "Pastel Pink Gel", price: "Inspiration", imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg" },
{ id: "2", name: "Classic French Art", price: "Inspiration", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-caucasian-woman-with-eye-patches-studio-shot-lady-turban-doing-her-skincare_197531-25913.jpg" },
{ id: "3", name: "Glitter Finish", price: "Inspiration", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-with-perfect-golden-pink-nail-design-hold-fresh-rose-flower_127675-2438.jpg" },
{ id: "4", name: "Floral Design", price: "Inspiration", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149295350.jpg" },
{ id: "5", name: "Matte Finish", price: "Inspiration", imageSrc: "http://img.b2bpic.net/free-photo/hands-detail-flamenco-dancer-beautiful-dress-black-back_1301-4253.jpg" },
{ id: "6", name: "Chrome Effect", price: "Inspiration", imageSrc: "http://img.b2bpic.net/free-photo/manicure-concept-with-nail-file_23-2149171293.jpg" },
]}
title="Our Work"
description="Browse our latest nail art creations."
@@ -282,54 +125,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Emma L.",
role: "Client",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-model-demonstrating-expensive-ring_7502-7046.jpg",
},
{
id: "2",
name: "Sara H.",
role: "Client",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-spa-environment_1098-3077.jpg",
},
{
id: "3",
name: "Sofia G.",
role: "Client",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-ecstatic-young-red-haired-female-smiling-broadly-being-excited-after-her-boyfriend-proposed-her-overjoyed-girl-showing-engagement-ring-her-finger-happy-with-marriage-proposal_343059-754.jpg",
},
{
id: "4",
name: "Linnea M.",
role: "Client",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nails_1301-1289.jpg",
},
{
id: "5",
name: "Anna P.",
role: "Client",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-makeup-artist-with-client-choosing-eyeshadow_23-2148113255.jpg",
},
{
id: "6",
name: "Karin D.",
role: "Client",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-smoking-joint-home_181624-25481.jpg",
},
{ id: "1", name: "Emma L.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-model-demonstrating-expensive-ring_7502-7046.jpg" },
{ id: "2", name: "Sara H.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-spa-environment_1098-3077.jpg" },
{ id: "3", name: "Sofia G.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-ecstatic-young-red-haired-female-smiling-broadly-being-excited-after-her-boyfriend-proposed-her-overjoyed-girl-showing-engagement-ring-her-finger-happy-with-marriage-proposal_343059-754.jpg" },
{ id: "4", name: "Linnea M.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nails_1301-1289.jpg" },
{ id: "5", name: "Anna P.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-makeup-artist-with-client-choosing-eyeshadow_23-2148113255.jpg" },
{ id: "6", name: "Karin D.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-smoking-joint-home_181624-25481.jpg" },
]}
title="Loved by Clients"
description="Hear what our Borås community says."
@@ -341,21 +142,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do I book an appointment?",
content: "You can easily book online via our contact form or DM via Instagram.",
},
{
id: "2",
title: "What payment methods are accepted?",
content: "We accept Swish and card payments at the salon.",
},
{
id: "3",
title: "Do you offer nail repairs?",
content: "Yes, we provide complimentary repairs within 3 days of your service.",
},
{ id: "1", title: "How do I book an appointment?", content: "You can easily book online via our contact form or DM via Instagram." },
{ id: "2", title: "What payment methods are accepted?", content: "We accept Swish and card payments at the salon." },
{ id: "3", title: "Do you offer nail repairs?", content: "Yes, we provide complimentary repairs within 3 days of your service." },
]}
title="Common Questions"
description="Find everything you need to know about our salon policies."
@@ -366,9 +155,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Booking"
title="Ready to pamper yourself?"
description="Send us a message to secure your spot in Borås today."