Merge version_1 into main #1
183
src/app/page.tsx
183
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Baba Salon"
|
||||
/>
|
||||
@@ -56,33 +41,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Baba Salon"
|
||||
description="Experience premium hair and beauty care in an atmosphere of ultimate relaxation. Our stylists are here to bring your vision to life."
|
||||
tag="Your Local Beauty Expert"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg",
|
||||
imageAlt: "Luxurious salon interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg", imageAlt: "Luxurious salon interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-treatment-coronavirus-epidemic_637285-9013.jpg",
|
||||
imageAlt: "Professional hair styling",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg",
|
||||
imageAlt: "High angle of barber's instruments at the shop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-s-haircut_1150-5885.jpg",
|
||||
imageAlt: "Beautiful Women's haircut",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg",
|
||||
imageAlt: "Side view of leather barber shop chair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-treatment-coronavirus-epidemic_637285-9013.jpg", imageAlt: "Professional hair styling"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -94,19 +61,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/spring-background-with-tulips-candles-knitted-element_169016-51782.jpg",
|
||||
alt: "About Baba Salon",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "At Baba Salon, we believe that beauty is personal. Our expert team combines modern techniques with classic hospitality to ensure every guest leaves feeling rejuvenated and confident.",
|
||||
},
|
||||
{ type: "text", content: "Our Mission" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/spring-background-with-tulips-candles-knitted-element_169016-51782.jpg", alt: "About Baba Salon" },
|
||||
{ type: "text", content: "At Baba Salon, we believe that beauty is personal. Our expert team combines modern techniques with classic hospitality to ensure every guest leaves feeling rejuvenated and confident." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,24 +73,9 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Hair Styling",
|
||||
description: "Precision cuts and styling tailored to your unique hair type.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/round-hair-brushes_23-2147711530.jpg",
|
||||
imageAlt: "Expert styling",
|
||||
},
|
||||
{
|
||||
title: "Spa Facials",
|
||||
description: "Revitalizing skin treatments using organic, professional products.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/massage-concept-with-woman-with-close-eyes_23-2147816963.jpg",
|
||||
imageAlt: "Spa facials",
|
||||
},
|
||||
{
|
||||
title: "Manicure & Pedicure",
|
||||
description: "Professional nail care for a polished, elegant finish every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drop-cream-before-massage-warm-calm-mood-therapist-hands_169016-69709.jpg",
|
||||
imageAlt: "Nail care",
|
||||
},
|
||||
{ title: "Expert Hair Styling", description: "Precision cuts and styling tailored to your unique hair type.", imageSrc: "http://img.b2bpic.net/free-photo/round-hair-brushes_23-2147711530.jpg", imageAlt: "Expert styling" },
|
||||
{ title: "Spa Facials", description: "Revitalizing skin treatments using organic, professional products.", imageSrc: "http://img.b2bpic.net/free-photo/massage-concept-with-woman-with-close-eyes_23-2147816963.jpg", imageAlt: "Spa facials" },
|
||||
{ title: "Manicure & Pedicure", description: "Professional nail care for a polished, elegant finish every time.", imageSrc: "http://img.b2bpic.net/free-photo/drop-cream-before-massage-warm-calm-mood-therapist-hands_169016-69709.jpg", imageAlt: "Nail care" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Professional treatments designed for your lifestyle."
|
||||
@@ -146,39 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "cut",
|
||||
badge: "Popular",
|
||||
price: "$45",
|
||||
subtitle: "Includes consultation & wash",
|
||||
features: [
|
||||
"Precision Cut",
|
||||
"Blow Dry",
|
||||
"Scalp Massage",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "color",
|
||||
badge: "Premium",
|
||||
price: "$85",
|
||||
subtitle: "Full color or highlights",
|
||||
features: [
|
||||
"Custom Color",
|
||||
"Deep Conditioning",
|
||||
"Finish Styling",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "facial",
|
||||
badge: "Wellness",
|
||||
price: "$60",
|
||||
subtitle: "60-minute relaxing session",
|
||||
features: [
|
||||
"Cleansing",
|
||||
"Exfoliation",
|
||||
"Hydrating Mask",
|
||||
],
|
||||
},
|
||||
{ id: "cut", badge: "Popular", price: "$45", subtitle: "Includes consultation & wash", features: ["Precision Cut", "Blow Dry", "Scalp Massage"] },
|
||||
{ id: "color", badge: "Premium", price: "$85", subtitle: "Full color or highlights", features: ["Custom Color", "Deep Conditioning", "Finish Styling"] },
|
||||
{ id: "facial", badge: "Wellness", price: "$60", subtitle: "60-minute relaxing session", features: ["Cleansing", "Exfoliation", "Hydrating Mask"] },
|
||||
]}
|
||||
title="Service Pricing"
|
||||
description="Transparent pricing for our signature beauty treatments."
|
||||
@@ -192,26 +104,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-feminine-tender-young-woman-curlyhaired-chubby-smiling-silly-look-camera-blue-eyes-girlfriend-attend-first-date-liking-spend-time-together-boyfriend-have-fun-look-happy-white-background_176420-50549.jpg",
|
||||
alt: "Jane",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
alt: "Maria",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg",
|
||||
alt: "Emma",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230961.jpg",
|
||||
alt: "Chloe",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-feminine-tender-young-woman-curlyhaired-chubby-smiling-silly-look-camera-blue-eyes-girlfriend-attend-first-date-liking-spend-time-together-boyfriend-have-fun-look-happy-white-background_176420-50549.jpg", alt: "Jane" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "Maria" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg", alt: "Emma" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230961.jpg", alt: "Chloe" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -221,9 +118,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Book Your Appointment"
|
||||
description="Ready for your next visit? Send us a message and we'll confirm your spot."
|
||||
tag="Contact Us"
|
||||
@@ -233,36 +128,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
{
|
||||
label: "123 Beauty Lane, City, ST",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "contact@babasalon.com",
|
||||
href: "mailto:contact@babasalon.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Hair Styling",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Facials",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Nails",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Visit Us", items: [ { label: "123 Beauty Lane, City, ST", href: "#" }, { label: "contact@babasalon.com", href: "mailto:contact@babasalon.com" } ] },
|
||||
{ title: "Services", items: [ { label: "Hair Styling", href: "#features" }, { label: "Facials", href: "#features" }, { label: "Nails", href: "#features" } ] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Baba Salon"
|
||||
bottomRightText="All Rights Reserved."
|
||||
|
||||
Reference in New Issue
Block a user