bender/d12640c2-f1ae-4cfb-9fd1-2efa3e05c781
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-09 01:39:37 +00:00
parent 5247ae21ba
commit f896bc8c24
1 changed files with 60 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

283
src/app/page.tsx
View File

@@ -32,120 +32,67 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "features",
},
name: "Services", id: "features"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Iconica Beauty"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "plain",
}}
variant: "plain"}}
title="Elevate Your Beauty at Iconica"
description="Experience professional care in a serene, luxurious environment designed for your comfort and style."
testimonials={[
{
name: "Anna S.",
handle: "@annasbeauty",
testimonial: "The best experience I've had at a salon. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg?_wi=1",
imageAlt: "elegant salon interior design",
},
name: "Anna S.", handle: "@annasbeauty", testimonial: "The best experience I've had at a salon. Highly recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg", imageAlt: "elegant salon interior design"},
{
name: "Mark D.",
handle: "@markstyle",
testimonial: "Professional services and great atmosphere.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pink-orchids-vase-windowsill-with-white-chairs_181624-10971.jpg",
imageAlt: "elegant salon interior design",
},
name: "Mark D.", handle: "@markstyle", testimonial: "Professional services and great atmosphere.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pink-orchids-vase-windowsill-with-white-chairs_181624-10971.jpg", imageAlt: "elegant salon interior design"},
{
name: "Chloe R.",
handle: "@chloer",
testimonial: "So relaxed, my skin has never felt better.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5405.jpg?_wi=1",
imageAlt: "elegant salon interior design",
},
name: "Chloe R.", handle: "@chloer", testimonial: "So relaxed, my skin has never felt better.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5405.jpg", imageAlt: "elegant salon interior design"},
{
name: "David W.",
handle: "@dwbeauty",
testimonial: "Great haircut and super clean environment.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871951.jpg?_wi=1",
imageAlt: "elegant salon interior design",
},
name: "David W.", handle: "@dwbeauty", testimonial: "Great haircut and super clean environment.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871951.jpg", imageAlt: "elegant salon interior design"},
{
name: "Sarah P.",
handle: "@sarahp",
testimonial: "Friendly staff and excellent service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/manicure-process-closeup_1385-3123.jpg?_wi=1",
imageAlt: "elegant salon interior design",
},
name: "Sarah P.", handle: "@sarahp", testimonial: "Friendly staff and excellent service.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/manicure-process-closeup_1385-3123.jpg", imageAlt: "elegant salon interior design"},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-caucasian-girl-gives-sniff-facial-serum-adult-woman-sitting-front-her-table-indoors-home-spa-facial-concept_197531-31460.jpg",
alt: "Portrait of client one",
},
src: "http://img.b2bpic.net/free-photo/young-caucasian-girl-gives-sniff-facial-serum-adult-woman-sitting-front-her-table-indoors-home-spa-facial-concept_197531-31460.jpg", alt: "Portrait of client one"},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-friends_23-2149152887.jpg",
alt: "Portrait of client two",
},
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-friends_23-2149152887.jpg", alt: "Portrait of client two"},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
alt: "Portrait of client three",
},
src: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg", alt: "Portrait of client three"},
{
src: "http://img.b2bpic.net/free-photo/smiley-bride-getting-ready-front-view_23-2149721977.jpg",
alt: "Portrait of client four",
},
src: "http://img.b2bpic.net/free-photo/smiley-bride-getting-ready-front-view_23-2149721977.jpg", alt: "Portrait of client four"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg",
alt: "Portrait of client five",
},
src: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg", alt: "Portrait of client five"},
]}
marqueeItems={[
{
type: "text",
text: "Luxury Experience",
},
type: "text", text: "Luxury Experience"},
{
type: "text",
text: "Professional Styling",
},
type: "text", text: "Professional Styling"},
{
type: "text",
text: "Advanced Skincare",
},
type: "text", text: "Advanced Skincare"},
{
type: "text",
text: "Premium Nail Care",
},
type: "text", text: "Premium Nail Care"},
{
type: "text",
text: "Expert Treatments",
},
type: "text", text: "Expert Treatments"},
]}
/>
</div>
@@ -155,9 +102,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Passion for Perfection"
description={[
"Iconica Beauty is committed to providing top-tier beauty and grooming services.",
"Our professional team ensures every client leaves feeling refreshed and confident.",
]}
"Iconica Beauty is committed to providing top-tier beauty and grooming services.", "Our professional team ensures every client leaves feeling refreshed and confident."]}
/>
</div>
@@ -169,20 +114,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Hair Design",
description: "Precision haircuts, coloring, and styling.",
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5405.jpg?_wi=2",
},
title: "Hair Design", description: "Precision haircuts, coloring, and styling.", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5405.jpg"},
{
title: "Skincare Treatments",
description: "Professional facials and advanced skin therapy.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871951.jpg?_wi=2",
},
title: "Skincare Treatments", description: "Professional facials and advanced skin therapy.", imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871951.jpg"},
{
title: "Nail Care",
description: "Manicures and pedicures with high-quality polish.",
imageSrc: "http://img.b2bpic.net/free-photo/manicure-process-closeup_1385-3123.jpg?_wi=2",
},
title: "Nail Care", description: "Manicures and pedicures with high-quality polish.", imageSrc: "http://img.b2bpic.net/free-photo/manicure-process-closeup_1385-3123.jpg"},
]}
title="Our Expert Services"
description="Comprehensive beauty care tailored to your individual needs."
@@ -196,40 +132,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sophia L.",
role: "Client",
testimonial: "Absolute perfection, loved my haircut!",
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
},
id: "1", name: "Sophia L.", role: "Client", testimonial: "Absolute perfection, loved my haircut!", imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg"},
{
id: "2",
name: "James R.",
role: "Client",
testimonial: "Professional and very relaxing.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg",
},
id: "2", name: "James R.", role: "Client", testimonial: "Professional and very relaxing.", imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg"},
{
id: "3",
name: "Emily P.",
role: "Client",
testimonial: "Highly skilled stylists, great experience.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
},
id: "3", name: "Emily P.", role: "Client", testimonial: "Highly skilled stylists, great experience.", imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg"},
{
id: "4",
name: "Chris B.",
role: "Client",
testimonial: "Consistent, quality service every time.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fair-skinned-women-use-moisturizing-day-cream-sensitive-skin-light-room-self-care-health-day-concept_197531-31471.jpg",
},
id: "4", name: "Chris B.", role: "Client", testimonial: "Consistent, quality service every time.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fair-skinned-women-use-moisturizing-day-cream-sensitive-skin-light-room-self-care-health-day-concept_197531-31471.jpg"},
{
id: "5",
name: "Sarah H.",
role: "Client",
testimonial: "Iconica is my favorite beauty destination.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
},
id: "5", name: "Sarah H.", role: "Client", testimonial: "Iconica is my favorite beauty destination.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg"},
]}
title="What Our Clients Say"
description="Real experiences from satisfied customers at Iconica Beauty."
@@ -243,34 +154,20 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "$60",
subtitle: "Basic Grooming",
buttons: [
id: "basic", badge: "Essential", price: "$60", subtitle: "Basic Grooming", buttons: [
{
text: "Book Now",
},
text: "Book Now"},
],
features: [
"Quick Cut",
"Style Refresh",
],
"Quick Cut", "Style Refresh"],
},
{
id: "pro",
badge: "Popular",
price: "$120",
subtitle: "Full Treatment",
buttons: [
id: "pro", badge: "Popular", price: "$120", subtitle: "Full Treatment", buttons: [
{
text: "Book Now",
},
text: "Book Now"},
],
features: [
"Full Cut & Color",
"Deep Conditioning",
],
"Full Cut & Color", "Deep Conditioning"],
},
]}
title="Transparent Pricing"
@@ -285,23 +182,11 @@ export default function LandingPage() {
useInvertedBackground={false}
team={[
{
id: "t1",
name: "Elena V.",
role: "Master Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-female-barber-wearing-uniform-glasses-headband-holding-straight-razor-shaving-razor-looking-camera-shouting-out-loudly-isolated-red-background_141793-137010.jpg",
},
id: "t1", name: "Elena V.", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/angry-young-female-barber-wearing-uniform-glasses-headband-holding-straight-razor-shaving-razor-looking-camera-shouting-out-loudly-isolated-red-background_141793-137010.jpg"},
{
id: "t2",
name: "Marcus T.",
role: "Skin Therapist",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg",
},
id: "t2", name: "Marcus T.", role: "Skin Therapist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg"},
{
id: "t3",
name: "Julia M.",
role: "Salon Manager",
imageSrc: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg",
},
id: "t3", name: "Julia M.", role: "Salon Manager", imageSrc: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg"},
]}
title="Our Stylist Team"
description="Our professionals are dedicated to your style evolution."
@@ -316,47 +201,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "g1",
name: "Salon View",
price: "Featured",
variant: "Space",
imageSrc: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg",
},
id: "g1", name: "Salon View", price: "Featured", variant: "Space", imageSrc: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg"},
{
id: "g2",
name: "Hair Studio",
price: "Featured",
variant: "Space",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-massage-table-smiling_1098-2710.jpg",
},
id: "g2", name: "Hair Studio", price: "Featured", variant: "Space", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-massage-table-smiling_1098-2710.jpg"},
{
id: "g3",
name: "Nail Station",
price: "Featured",
variant: "Space",
imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130313.jpg",
},
id: "g3", name: "Nail Station", price: "Featured", variant: "Space", imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130313.jpg"},
{
id: "g4",
name: "Waiting Area",
price: "Featured",
variant: "Space",
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg",
},
id: "g4", name: "Waiting Area", price: "Featured", variant: "Space", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg"},
{
id: "g5",
name: "Reception",
price: "Featured",
variant: "Space",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-lady-dress-gesturing-isolated_176474-44073.jpg",
},
id: "g5", name: "Reception", price: "Featured", variant: "Space", imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-lady-dress-gesturing-isolated_176474-44073.jpg"},
{
id: "g6",
name: "Treatment Area",
price: "Featured",
variant: "Space",
imageSrc: "http://img.b2bpic.net/free-photo/makeup-artist-female-customer-looking-mobile-phone_329181-1952.jpg",
},
id: "g6", name: "Treatment Area", price: "Featured", variant: "Space", imageSrc: "http://img.b2bpic.net/free-photo/makeup-artist-female-customer-looking-mobile-phone_329181-1952.jpg"},
]}
title="Salon Gallery"
description="A glimpse into our salon space and recent work."
@@ -370,22 +225,14 @@ export default function LandingPage() {
description="Get in touch or schedule your next salon appointment."
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,
},
]}
textarea={{
name: "message",
placeholder: "How can we help you?",
required: true,
name: "message", placeholder: "How can we help you?", required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/portrait-female-cashier-business-front-desk-swiping-credit-card-reader-smiling_662251-2184.jpg"
/>
@@ -395,29 +242,19 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Services",
href: "#features",
},
label: "Services", href: "#features"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
]}