146 lines
8.2 KiB
TypeScript
146 lines
8.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
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';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
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="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="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="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="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>
|
|
);
|
|
}
|