Update src/app/page.tsx
This commit is contained in:
180
src/app/page.tsx
180
src/app/page.tsx
@@ -8,7 +8,7 @@ import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
@@ -31,16 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Hair Court"
|
||||
/>
|
||||
@@ -49,54 +44,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Excellence in Hair & Beauty"
|
||||
description="Experience professional care at Hair Court Salon, located in the heart of Noida. From transformative hair coloring to rejuvenating spa treatments."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Aanya K.", handle: "@aanyak", testimonial: "Best balayage in Noida! My hair feels healthier than ever.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg?_wi=1", imageAlt: "luxury hair salon interior"},
|
||||
{
|
||||
name: "Rohan V.", handle: "@rohanv", testimonial: "Excellent service and very professional staff. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-face-client-towel_23-2147737012.jpg?_wi=1", imageAlt: "luxury hair salon interior"},
|
||||
{
|
||||
name: "Meera S.", handle: "@meeras", testimonial: "Loved my bridal makeup. The team is truly skilled.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/combination-facial-features-concept_23-2150087701.jpg", imageAlt: "luxury hair salon interior"},
|
||||
{
|
||||
name: "Vikram P.", handle: "@vikramp", testimonial: "Quick and clean eyebrow threading. My go-to spot.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg?_wi=1", imageAlt: "luxury hair salon interior"},
|
||||
{
|
||||
name: "Priya J.", handle: "@priyaj", testimonial: "The facials here are amazing. Very relaxing environment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-getting-ready-wedding_23-2149722027.jpg?_wi=1", imageAlt: "luxury hair salon interior"},
|
||||
{ name: "Aanya K.", handle: "@aanyak", testimonial: "Best balayage in Noida! My hair feels healthier than ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg?_wi=1", imageAlt: "luxury hair salon interior" },
|
||||
{ name: "Rohan V.", handle: "@rohanv", testimonial: "Excellent service and very professional staff. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-face-client-towel_23-2147737012.jpg?_wi=1", imageAlt: "luxury hair salon interior" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg", alt: "Girl africa. Woman making eyebrows. Girls in a beauty salon."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462472.jpg", alt: "Child getting a haircut at the salon"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-salon_23-2147737030.jpg", alt: "Stylish woman in salon"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-bride-getting-hair-done_23-2149860769.jpg", alt: "Front view bride getting hair done"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg", alt: "Luxury hair salon interior"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Expert Styling"},
|
||||
{
|
||||
type: "text", text: "Premium Products"},
|
||||
{
|
||||
type: "text", text: "Relaxing Spa"},
|
||||
{
|
||||
type: "text", text: "Modern Techniques"},
|
||||
{
|
||||
type: "text", text: "Professional Care"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,12 +63,9 @@ export default function LandingPage() {
|
||||
title="Crafting Your Perfect Look"
|
||||
description="At Hair Court, we believe your hair is your crown. Located in Galaxy Business Park, we offer a sanctuary of beauty and precision."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Stylists", description: "Highly trained professionals specializing in the latest techniques."},
|
||||
{
|
||||
title: "Premium Products", description: "We only use world-class products for your hair and skin."},
|
||||
{
|
||||
title: "Relaxing Environment", description: "Enjoy a serene atmosphere designed for your ultimate comfort."},
|
||||
{ title: "Expert Stylists", description: "Highly trained professionals specializing in the latest techniques." },
|
||||
{ title: "Premium Products", description: "We only use world-class products for your hair and skin." },
|
||||
{ title: "Relaxing Environment", description: "Enjoy a serene atmosphere designed for your ultimate comfort." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-putting-face-client-towel_23-2147737012.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -124,40 +77,34 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Body Waxing", "Massages", "Pedicure", "Perms", "Shaving", "Skin Care"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Haircuts", "Balayage", "Hair Extensions", "Bridal Services", "Facials", "Manicure"],
|
||||
}}
|
||||
negativeCard={{ items: ["Body Waxing", "Massages", "Pedicure", "Perms", "Shaving", "Skin Care"] }}
|
||||
positiveCard={{ items: ["Haircuts", "Balayage", "Hair Extensions", "Bridal Services", "Facials", "Manicure"] }}
|
||||
title="Comprehensive Salon Services"
|
||||
description="Explore our extensive range of high-quality hair, skin, and spa services designed to make you look and feel your absolute best."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
<PricingCardFive
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Salon Pricing"
|
||||
description="Select the service package that fits your lifestyle."
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Essential", price: "₹1,499", subtitle: "For daily maintenance", features: [
|
||||
"Haircut & Wash", "Eyebrow Shaping", "Conditioning"],
|
||||
id: "essential", tag: "Essentials", price: "₹1,499", period: "per session", description: "Perfect for your regular maintenance.", featuresTitle: "Includes", features: ["Haircut", "Wash & Blowdry", "Eyebrow Threading"],
|
||||
button: { text: "Book Now" }
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Popular", price: "₹3,999", subtitle: "The ultimate transformation", features: [
|
||||
"Full Balayage", "Hair Treatment", "Style & Finish", "Spa Add-on"],
|
||||
id: "pro", tag: "Popular", price: "₹3,999", period: "per session", description: "The ultimate glow-up for your hair.", featuresTitle: "Includes", features: ["Full Balayage", "Hair Treatment", "Style & Finish", "Spa Add-on"],
|
||||
button: { text: "Book Now" }
|
||||
},
|
||||
{
|
||||
id: "premium", badge: "Luxury", price: "₹7,500", subtitle: "Bridal & Event Special", features: [
|
||||
"Bridal Makeup", "Hair Extensions", "Complete Facial", "Full Body Waxing"],
|
||||
},
|
||||
id: "luxury", tag: "Luxury", price: "₹7,500", period: "per session", description: "Full experience for special occasions.", featuresTitle: "Includes", features: ["Bridal Makeup", "Hair Extensions", "Complete Facial", "Full Body Waxing"],
|
||||
button: { text: "Book Now" }
|
||||
}
|
||||
]}
|
||||
title="Transparent Salon Pricing"
|
||||
description="Premium services at competitive rates. Choose the plan that best suits your routine."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -168,14 +115,8 @@ export default function LandingPage() {
|
||||
tag="Meet the Artists"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "m1", name: "Sarah R.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-coloring-hair-client_23-2147769784.jpg"},
|
||||
{
|
||||
id: "m2", name: "Rahul K.", imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-washing-client-hair-sink_23-2147769790.jpg"},
|
||||
{
|
||||
id: "m3", name: "Anita M.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205889.jpg"},
|
||||
{
|
||||
id: "m4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/sensual-woman-retro-room-professional-make-up-hairstyle-studio-lighting_482257-36208.jpg"},
|
||||
{ id: "m1", name: "Sarah R.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-coloring-hair-client_23-2147769784.jpg" },
|
||||
{ id: "m2", name: "Rahul K.", imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-washing-client-hair-sink_23-2147769790.jpg" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -187,18 +128,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
description="Hear what our clients have to say about their experience at Hair Court."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sunita Rao", role: "Corporate Professional", testimonial: "Consistent, high-quality service every single time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg?_wi=2"},
|
||||
{
|
||||
id: "2", name: "Amit Sharma", role: "Businessman", testimonial: "Best shave and haircut in sector 62. Professional staff.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-getting-ready-wedding_23-2149722027.jpg?_wi=2"},
|
||||
{
|
||||
id: "3", name: "Neha Gupta", role: "Entrepreneur", testimonial: "Their facials are simply magical. Always leave feeling refreshed.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-treating-dandruff-clinic_23-2149311373.jpg"},
|
||||
{
|
||||
id: "4", name: "Kiran S.", role: "Event Manager", testimonial: "My go-to place for all bridal event preparations.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9311.jpg"},
|
||||
{
|
||||
id: "5", name: "Rajesh T.", role: "Architect", testimonial: "Very satisfied with the balayage results. Professional studio.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-adorable-lovely-woman-with-dark-lipstick-posing-studio_291650-430.jpg"},
|
||||
]}
|
||||
testimonials={[]}
|
||||
title="What Our Clients Say"
|
||||
/>
|
||||
</div>
|
||||
@@ -206,14 +136,7 @@ export default function LandingPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do I need to book an appointment?", content: "Yes, we recommend booking in advance to ensure availability."},
|
||||
{
|
||||
id: "f2", title: "Are bridal consultations free?", content: "We offer complimentary initial consultations for all bridal services."},
|
||||
{
|
||||
id: "f3", title: "Where are you located?", content: "We are at Ground Floor, Tower B, Galaxy Business Park, Sector 62, Noida."},
|
||||
]}
|
||||
faqs={[]}
|
||||
sideTitle="Questions? We Have Answers"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -222,54 +145,25 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment Now"
|
||||
description="Transform your style with Hair Court Salon. Contact us to schedule your visit today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Hair Court Salon"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircut", href: "#"},
|
||||
{
|
||||
label: "Facials", href: "#"},
|
||||
{
|
||||
label: "Spa Services", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Team", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}"
|
||||
}
|
||||
],
|
||||
"rawPlan": "I've updated the salon's pricing section to a more detailed and stylish layout, clearly showcasing three service tiers with specific features, pricing, and descriptions, making it easier for clients to choose the package that best fits their needs."
|
||||
}
|
||||
Reference in New Issue
Block a user