Merge version_1 into main #1
386
src/app/page.tsx
386
src/app/page.tsx
@@ -9,288 +9,136 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="B Blue Salon"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="B Blue Salon"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Unwind at B Blue Beauty Studio"
|
||||
description="Premium salon and makeup services in Devinagar, Bengaluru. Experience relaxation with our personalized care and expert styling."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-4036.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-smiley-women-with-cucumber-slices-eyes_23-2148520277.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-hairstylist-drying-curly-girl-s-hair-using-big-plastic-brush_651396-973.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by 100+ happy clients"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Session",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Hair Styling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bridal Makeup",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Facial Treatments",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nail Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Stylists",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="Unwind at B Blue Beauty Studio"
|
||||
description="Premium salon and makeup services in Devinagar, Bengaluru. Experience relaxation with our personalized care and expert styling."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-4036.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/flat-lay-smiley-women-with-cucumber-slices-eyes_23-2148520277.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-hairstylist-drying-curly-girl-s-hair-using-big-plastic-brush_651396-973.jpg", alt: "Customer" }
|
||||
]}
|
||||
avatarText="Loved by 100+ happy clients"
|
||||
buttons={[{ text: "Book Your Session", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Hair Styling" },
|
||||
{ type: "text", text: "Bridal Makeup" },
|
||||
{ type: "text", text: "Facial Treatments" },
|
||||
{ type: "text", text: "Nail Care" },
|
||||
{ type: "text", text: "Expert Stylists" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Professional Care, Just for You",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817012.jpg",
|
||||
alt: "Our team",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Professional Care, Just for You" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817012.jpg", alt: "Our team" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Pedicure & Manicure",
|
||||
description: "Soothing and relaxing care for your hands and feet by our expert staff.",
|
||||
tag: "Relax",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-doing-her-manicure_1098-111.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Hydra Anti-Acne Facial",
|
||||
description: "Amazing results for your skin, leaving it refreshed, glowing, and acne-free.",
|
||||
tag: "Skincare",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-women-white-bathrobes-towels-head_158538-18141.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Precision Haircut",
|
||||
description: "Professional quality haircuts tailored to your style and needs.",
|
||||
tag: "Styling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Experience top-tier beauty treatments designed to refresh and rejuvenate your look."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", title: "Pedicure & Manicure", description: "Soothing and relaxing care for your hands and feet by our expert staff.", tag: "Relax", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-doing-her-manicure_1098-111.jpg" },
|
||||
{ id: "s2", title: "Hydra Anti-Acne Facial", description: "Amazing results for your skin, leaving it refreshed, glowing, and acne-free.", tag: "Skincare", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-women-white-bathrobes-towels-head_158538-18141.jpg" },
|
||||
{ id: "s3", title: "Precision Haircut", description: "Professional quality haircuts tailored to your style and needs.", tag: "Styling", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" }
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Experience top-tier beauty treatments designed to refresh and rejuvenate your look."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Exceptional Service",
|
||||
quote: "Hydra facial is amazing and staff is friendly good service.",
|
||||
name: "Sangeetha",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-european-woman-with-charismatic-smile-laughing-cheerfully_273609-9262.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "So Relaxing",
|
||||
quote: "I took pedicure and manicure, it was so relaxing and soothing.",
|
||||
name: "Sanchita Banerjee",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-female-trendy-summer-white-top-skirt-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-indoors-cheerful-happy-isolated_158538-25808.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great Results",
|
||||
quote: "Satisfied with haircut, products and quality are good.",
|
||||
name: "Sowjanya G",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-coffee-spa_23-2148206166.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Highly Recommend",
|
||||
quote: "Budget friendly with quality services. Extremely satisfying experience.",
|
||||
name: "Deepa K",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-care-boy-s-afro-hair_52683-90511.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Amazing Team",
|
||||
quote: "The staff are so cooperative and expert in hair treatment.",
|
||||
name: "Anjali S",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-makeup-artist-with-client-choosing-eyeshadow_23-2148113255.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="Read what our wonderful clients have to say about their experience at B Blue."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Exceptional Service", quote: "Hydra facial is amazing and staff is friendly good service.", name: "Sangeetha", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-european-woman-with-charismatic-smile-laughing-cheerfully_273609-9262.jpg" },
|
||||
{ id: "t2", title: "So Relaxing", quote: "I took pedicure and manicure, it was so relaxing and soothing.", name: "Sanchita Banerjee", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-female-trendy-summer-white-top-skirt-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-indoors-cheerful-happy-isolated_158538-25808.jpg" },
|
||||
{ id: "t3", title: "Great Results", quote: "Satisfied with haircut, products and quality are good.", name: "Sowjanya G", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-coffee-spa_23-2148206166.jpg" },
|
||||
{ id: "t4", title: "Highly Recommend", quote: "Budget friendly with quality services. Extremely satisfying experience.", name: "Deepa K", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-care-boy-s-afro-hair_52683-90511.jpg" },
|
||||
{ id: "t5", title: "Amazing Team", quote: "The staff are so cooperative and expert in hair treatment.", name: "Anjali S", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/female-makeup-artist-with-client-choosing-eyeshadow_23-2148113255.jpg" }
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="Read what our wonderful clients have to say about their experience at B Blue."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are open until 8:30 PM daily.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need to book an appointment?",
|
||||
content: "While walk-ins are welcome, we recommend booking an appointment for your convenience.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where is the salon located?",
|
||||
content: "We are located on Kodigehalli Main Rd, near Shathinikethan School, Bhadrappa Layout, Bengaluru.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blonde-girl-getting-ready-bathroom_23-2148147465.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Learn more about our salon services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What are your operating hours?", content: "We are open until 8:30 PM daily." },
|
||||
{ id: "f2", title: "Do I need to book an appointment?", content: "While walk-ins are welcome, we recommend booking an appointment for your convenience." },
|
||||
{ id: "f3", title: "Where is the salon located?", content: "We are located on Kodigehalli Main Rd, near Shathinikethan School, Bhadrappa Layout, Bengaluru." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blonde-girl-getting-ready-bathroom_23-2148147465.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Learn more about our salon services."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Ready to pamper yourself? Call us today to book your visit."
|
||||
buttons={[
|
||||
{
|
||||
text: "063628 71124",
|
||||
href: "tel:06362871124",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to pamper yourself? Call us today to book your visit."
|
||||
buttons={[{ text: "063628 71124", href: "tel:06362871124" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Devinagar, Bengaluru",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "063628 71124",
|
||||
href: "tel:06362871124",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="B Blue Salon"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Location", items: [{ label: "Devinagar, Bengaluru", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "063628 71124", href: "tel:06362871124" }] },
|
||||
{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }] }
|
||||
]}
|
||||
logoText="B Blue Salon"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user