6 Commits

Author SHA1 Message Date
5565c83981 Update src/app/page.tsx 2026-03-26 06:16:32 +00:00
2f32d7d9b0 Update src/app/page.tsx 2026-03-26 06:16:05 +00:00
442948f33d Update src/app/page.tsx 2026-03-26 06:15:37 +00:00
15a637fb0d Update src/app/styles/variables.css 2026-03-26 06:15:12 +00:00
6fad2b60fe Update src/app/page.tsx 2026-03-26 06:15:12 +00:00
29d188c2d0 Merge version_1 into main
Merge version_1 into main
2026-03-26 06:11:29 +00:00
2 changed files with 93 additions and 6 deletions

View File

@@ -6,6 +6,9 @@ import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwe
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TextAbout from '@/components/sections/about/TextAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ContactSplit from '@/components/sections/contact/ContactSplit';
export default function LandingPage() {
return (
@@ -29,6 +32,8 @@ export default function LandingPage() {
name: "Services", id: "services"},
{
name: "Signature", id: "signature"},
{
name: "Gallery", id: "gallery"},
{
name: "Testimonials", id: "testimonials"},
{
@@ -94,6 +99,88 @@ export default function LandingPage() {
tag="Our Expertise"
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
gridVariant="three-columns-all-equal-width"
features={[
{
id: "gallery-1", title: "Luxurious Interiors", description: "Step into a world of comfort and style.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTFqU676lyfVINSaN7Y2fFrPSV/uploaded-1774505647319-189hphh0.jpg?_wi=1", imageAlt: "Luxurious salon interior"
},
{
id: "gallery-2", title: "Expert Hair Styling", description: "Our stylists craft your perfect look.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTFqU676lyfVINSaN7Y2fFrPSV/uploaded-1774505647319-v7emc88j.jpg", imageAlt: "Client receiving hair styling"
},
{
id: "gallery-3", title: "Beauty Transformations", description: "Experience a complete beauty makeover.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTFqU676lyfVINSaN7Y2fFrPSV/uploaded-1774505647319-tl5udt7g.jpg", imageAlt: "Client with completed beauty service"
},
{
id: "gallery-4", title: "Precision Cuts", description: "Sharp, modern cuts tailored for you.", imageSrc: "http://img.b2bpic.net/free-photo/barber-using-trimmer-cutting-man-s-beard_23-2148353434.jpg", imageAlt: "Hair stylist giving a precision haircut"
},
{
id: "gallery-5", title: "Vibrant Color", description: "Custom color to enhance your unique style.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2148833987.jpg", imageAlt: "Hair coloring process"
},
{
id: "gallery-6", title: "Relaxing Ambiance", description: "Unwind in our serene and welcoming space.", imageSrc: "http://img.b2bpic.net/free-photo/young-hairdresser-cutting-hair-attractive-woman-salon_23-2148301729.jpg", imageAlt: "Relaxing salon ambiance"
}
]}
title="Our Salon & Creations"
description="Step into our world of beauty. A glimpse of our luxurious salon and exquisite work."
tag="Visual Journey"
ariaLabel="Gallery section showcasing salon images and service examples"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
testimonials={[
{
id: "testimonial-1", name: "Priya Sharma", role: "Satisfied Client", company: "Local Business Owner", rating: 5,
imageSrc: "https://randomuser.me/api/portraits/women/1.jpg", imageAlt: "Priya Sharma"
},
{
id: "testimonial-2", name: "Rahul Singh", role: "Regular Customer", company: "IT Professional", rating: 5,
imageSrc: "https://randomuser.me/api/portraits/men/2.jpg", imageAlt: "Rahul Singh"
},
{
id: "testimonial-3", name: "Anjali Mehta", role: "Bridal Client", company: "Happy Bride", rating: 5,
imageSrc: "https://randomuser.me/api/portraits/women/3.jpg", imageAlt: "Anjali Mehta"
},
{
id: "testimonial-4", name: "Vikram Kumar", role: "New Client", company: "Entrepreneur", rating: 4,
imageSrc: "https://randomuser.me/api/portraits/men/4.jpg", imageAlt: "Vikram Kumar"
}
]}
title="What Our Clients Say"
description="Hear from our happy customers who experienced the SUBHASH & MANGESH EXCLUSIVE difference."
tag="Client Love"
ariaLabel="Testimonials section featuring customer reviews"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Book Your Transformation"
title="Ready for Your Exclusive Experience?"
description="Schedule your appointment today and let our expert stylists bring your vision to life. Effortless booking, exceptional service."
buttonText="Book Now"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTFqU676lyfVINSaN7Y2fFrPSV/uploaded-1774505647319-189hphh0.jpg?_wi=2"
imageAlt="Hair stylist working on client's hair"
mediaAnimation="slide-up"
background={{ variant: "animated-grid" }}
useInvertedBackground={true}
mediaPosition="left"
inputPlaceholder="Enter your email (optional)"
termsText="By clicking Book Now you acknowledge our privacy policy."
ariaLabel="Online hair salon booking section"
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #000000;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #F8F8F8;
--primary-cta: #D4AF37;
--foreground: #f5f5f5;
--primary-cta: #ffdf7d;
--primary-cta-text: #000000;
--secondary-cta: #333333;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #F8F8F8;
--accent: #DAA520;
--background-accent: #0a0a0a;
--accent: #b8860b;
--background-accent: #8b6914;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);