Merge version_1 into main #2
255
src/app/page.tsx
255
src/app/page.tsx
@@ -30,70 +30,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Classy Nails"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Where Luxury Meets Care."
|
||||
description="Impeccable nails. Relaxing experiences. A salon that remembers your name."
|
||||
tag="Luxury Nail Salon"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:5550123" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-morning-preparation-big-day_1328-3438.jpg?_wi=1",
|
||||
imageAlt: "Nail Salon Experience",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-african-american-woman-points-herself-feels-proud-smiles-broadly-being-high-spirit-dressed-casual-wear-poses-against-pink-pastel-wall-has-confident-expression_273609-42701.jpg",
|
||||
imageAlt: "Nail Salon Experience",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-with-hands-moving-indoors_23-2149628161.jpg",
|
||||
imageAlt: "Studio portrait with hands moving indoors",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emotional-portrait-surprised-young-attractive-woman-with-shocked-expression-face-open-mouth-holding-hands-up-funny-emotion-casual-style-green-sweater-crazy-isolated-looking-camera_285396-2698.jpg",
|
||||
imageAlt: "Emotional portrait of surprised young attractive woman with shocked expression of face, open mouth, holding hands up, funny emotion, casual style, green sweater, crazy, isolated, looking in camera",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-studio-winter-portrait-brunette-woman-wearing-joggers-sweater-using-her-smartphone-exited-emotions_291049-2742.jpg",
|
||||
imageAlt: "Indoor studio winter portrait of brunette woman wearing joggers and sweater using her smartphone, exited emotions.",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bride-morning-preparation-big-day_1328-3438.jpg", imageAlt: "Nail Salon Experience" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/positive-young-african-american-woman-points-herself-feels-proud-smiles-broadly-being-high-spirit-dressed-casual-wear-poses-against-pink-pastel-wall-has-confident-expression_273609-42701.jpg", imageAlt: "Nail Salon Experience" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -107,30 +70,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Luxury Manicures",
|
||||
descriptions: [
|
||||
"Classic, gel, and custom manicures for flawless results.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24217.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Spa Pedicures",
|
||||
descriptions: [
|
||||
"Treat your feet to hot stone therapy and jelly spa relaxation.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heel-sole-massage-with-warm-oil-daily-care_169016-69413.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Nail Enhancements",
|
||||
descriptions: [
|
||||
"Acrylics, dip powders, and artistic custom sets designed for you.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-with-manicure-young-girl-wear-colored-sweater-holing-red-sweet-pepper_627829-8332.jpg?_wi=1",
|
||||
},
|
||||
{ id: "s1", title: "Luxury Manicures", descriptions: ["Classic, gel, and custom manicures for flawless results."], imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24217.jpg" },
|
||||
{ id: "s2", title: "Spa Pedicures", descriptions: ["Treat your feet to hot stone therapy and jelly spa relaxation."], imageSrc: "http://img.b2bpic.net/free-photo/heel-sole-massage-with-warm-oil-daily-care_169016-69413.jpg" },
|
||||
{ id: "s3", title: "Nail Enhancements", descriptions: ["Acrylics, dip powders, and artistic custom sets designed for you."], imageSrc: "http://img.b2bpic.net/free-photo/hands-with-manicure-young-girl-wear-colored-sweater-holing-red-sweet-pepper_627829-8332.jpg" }
|
||||
]}
|
||||
title="Signature Services"
|
||||
description="Indulge in precision, relaxation, and beauty crafted by our expert team."
|
||||
@@ -144,20 +86,11 @@ export default function LandingPage() {
|
||||
title="Feels Like Family"
|
||||
description="At Classy Nails, we believe beauty is in the details. Founded by Tom & Amy, our salon creates a welcoming atmosphere where cleanliness, comfort, and consistent quality are our top priorities. You're not just a client; you're family."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Exceptionally Clean",
|
||||
description: "Rigorous hygiene standards for every visit.",
|
||||
},
|
||||
{
|
||||
title: "Detail Oriented",
|
||||
description: "Unmatched precision in every nail design.",
|
||||
},
|
||||
{
|
||||
title: "Genuine Care",
|
||||
description: "Welcoming, personal relationships for years.",
|
||||
},
|
||||
{ title: "Exceptionally Clean", description: "Rigorous hygiene standards for every visit." },
|
||||
{ title: "Detail Oriented", description: "Unmatched precision in every nail design." },
|
||||
{ title: "Genuine Care", description: "Welcoming, personal relationships for years." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-with-bored-expression-blue_140725-24244.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-with-bored-expression-blue_140725-24244.jpg"
|
||||
imageAlt="Tom and Amy founders"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -168,61 +101,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "2024",
|
||||
title: "Loyal Client",
|
||||
quote: "Tom & Amy make you feel like family every time.",
|
||||
tag: "Loyalty",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-social-media-influencer-woman-recording-video-with-beauty-products-showing-her_1258-254432.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-morning-preparation-big-day_1328-3438.jpg?_wi=2",
|
||||
imageAlt: "happy woman looking at her nails",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
date: "2024",
|
||||
title: "Regular",
|
||||
quote: "Clean, professional, and always amazing results.",
|
||||
tag: "Quality",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285913.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24217.jpg?_wi=2",
|
||||
imageAlt: "happy woman looking at her nails",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
date: "2023",
|
||||
title: "Repeat Visitor",
|
||||
quote: "I’ve been coming here for years — wouldn’t go anywhere else.",
|
||||
tag: "Consistency",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heel-sole-massage-with-warm-oil-daily-care_169016-69413.jpg?_wi=2",
|
||||
imageAlt: "happy woman looking at her nails",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
date: "2024",
|
||||
title: "Client",
|
||||
quote: "The hot stone pedicure is life changing. Extremely clean facility.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/female-makeup-artist-with-client-choosing-eyeshadow_23-2148113255.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-with-manicure-young-girl-wear-colored-sweater-holing-red-sweet-pepper_627829-8332.jpg?_wi=2",
|
||||
imageAlt: "happy woman looking at her nails",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jenny L.",
|
||||
date: "2024",
|
||||
title: "Loyal Client",
|
||||
quote: "Best nail art in town. The attention to detail is stunning.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/human-facial-expressions-feelings-emotions-reaction-attractive-young-woman-dressed-stylish-clothes_343059-604.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-with-bored-expression-blue_140725-24244.jpg?_wi=2",
|
||||
imageAlt: "happy woman looking at her nails",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", date: "2024", title: "Loyal Client", quote: "Tom & Amy make you feel like family every time.", tag: "Loyalty", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-social-media-influencer-woman-recording-video-with-beauty-products-showing-her_1258-254432.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bride-morning-preparation-big-day_1328-3438.jpg", imageAlt: "happy woman looking at her nails" },
|
||||
{ id: "t2", name: "Michael C.", date: "2024", title: "Regular", quote: "Clean, professional, and always amazing results.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285913.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24217.jpg", imageAlt: "happy woman looking at her nails" },
|
||||
{ id: "t3", name: "Emily R.", date: "2023", title: "Repeat Visitor", quote: "I’ve been coming here for years — wouldn’t go anywhere else.", tag: "Consistency", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg", imageSrc: "http://img.b2bpic.net/free-photo/heel-sole-massage-with-warm-oil-daily-care_169016-69413.jpg", imageAlt: "happy woman looking at her nails" },
|
||||
{ id: "t4", name: "David K.", date: "2024", title: "Client", quote: "The hot stone pedicure is life changing. Extremely clean facility.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/female-makeup-artist-with-client-choosing-eyeshadow_23-2148113255.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hands-with-manicure-young-girl-wear-colored-sweater-holing-red-sweet-pepper_627829-8332.jpg", imageAlt: "happy woman looking at her nails" },
|
||||
{ id: "t5", name: "Jenny L.", date: "2024", title: "Loyal Client", quote: "Best nail art in town. The attention to detail is stunning.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/human-facial-expressions-feelings-emotions-reaction-attractive-young-woman-dressed-stylish-clothes_343059-604.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-with-bored-expression-blue_140725-24244.jpg", imageAlt: "happy woman looking at her nails" }
|
||||
]}
|
||||
title="Featured Reviews"
|
||||
description="Hear why our clients trust us for years."
|
||||
@@ -234,49 +117,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Artistry 1",
|
||||
price: "Featured",
|
||||
variant: "Gel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-interpreter-teaching-sign-language_23-2148590280.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Artistry 2",
|
||||
price: "Featured",
|
||||
variant: "Acrylic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265949.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Artistry 3",
|
||||
price: "Featured",
|
||||
variant: "Nail Art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-sisters-drinking-coffee-morning_8353-7606.jpg",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Artistry 4",
|
||||
price: "Featured",
|
||||
variant: "Spa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candles-spa-rocks-with-woman-spa_23-2148345801.jpg",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Artistry 5",
|
||||
price: "Featured",
|
||||
variant: "Gel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-drinks-girly-ornaments_23-2148229265.jpg",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Artistry 6",
|
||||
price: "Featured",
|
||||
variant: "Dip",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-spray-with-plant_23-2148108859.jpg",
|
||||
},
|
||||
{ id: "g1", name: "Artistry 1", price: "Featured", variant: "Gel", imageSrc: "http://img.b2bpic.net/free-photo/close-up-interpreter-teaching-sign-language_23-2148590280.jpg" },
|
||||
{ id: "g2", name: "Artistry 2", price: "Featured", variant: "Acrylic", imageSrc: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265949.jpg" },
|
||||
{ id: "g3", name: "Artistry 3", price: "Featured", variant: "Nail Art", imageSrc: "http://img.b2bpic.net/free-photo/stylish-sisters-drinking-coffee-morning_8353-7606.jpg" }
|
||||
]}
|
||||
title="Nail Gallery"
|
||||
description="From daily classics to bespoke nail art designs."
|
||||
@@ -287,21 +132,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We recommend booking in advance, especially for weekend slots, to ensure you get your preferred time.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the salon sanitary?",
|
||||
content: "Yes, we prioritize cleanliness and hygiene in every step of our service.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer gifts?",
|
||||
content: "Yes, we have gift certificates available for all our services.",
|
||||
},
|
||||
{ id: "q1", title: "Do I need an appointment?", content: "We recommend booking in advance, especially for weekend slots, to ensure you get your preferred time." },
|
||||
{ id: "q2", title: "Is the salon sanitary?", content: "Yes, we prioritize cleanliness and hygiene in every step of our service." },
|
||||
{ id: "q3", title: "Do you offer gifts?", content: "Yes, we have gift certificates available for all our services." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="We are here to help you enjoy your visit."
|
||||
@@ -315,28 +148,12 @@ export default function LandingPage() {
|
||||
title="Visit Us Today"
|
||||
description="Reserve your spot at Classy Nails."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "details",
|
||||
placeholder: "Any specific requests or appointment details?",
|
||||
rows: 4,
|
||||
name: "details", placeholder: "Any specific requests or appointment details?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hair-products-tools_23-2148547376.jpg"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user