Merge version_2 into main #2

Merged
bender merged 3 commits from version_2 into main 2026-03-19 10:58:28 +00:00
3 changed files with 48 additions and 38 deletions

View File

@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, CheckCircle, Droplets, DollarSign, Heart, HelpCircle, Quote, Shield, Sparkles, Star, Zap } from 'lucide-react';
import { Award, CheckCircle, Droplets, DollarSign, Heart, HelpCircle, Quote, Shield, Sparkles, Star, Zap, Scissors, Palette, Smile, Gem, Crown, Wind } from 'lucide-react';
export default function LandingPage() {
return (
@@ -96,46 +96,56 @@ export default function LandingPage() {
</div>
<div id="services" data-section="services">
<ProductCardThree
<FeatureBorderGlow
title="Services That Don't Depend on Mood 😄"
description="Clear, consistent pricing. Professional service. Every single time. No excuses."
tag="What We Offer"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
products={[
{ id: "haircut", name: "Premium Haircut", price: "₹300", imageSrc: "http://img.b2bpic.net/free-photo/visit-friendly-hairdresser-salon_329181-1936.jpg?_wi=2", imageAlt: "Professional haircut service" },
{ id: "hair-spa", name: "Hair Spa", price: "₹1,500+", imageSrc: "http://img.b2bpic.net/free-photo/sisters-twins-posing-smiling-grey_176420-7602.jpg", imageAlt: "Hair spa treatment" },
{ id: "hair-color", name: "Hair Color", price: "₹2,000+", imageSrc: "http://img.b2bpic.net/free-photo/portrait-artistic-girl_23-2148014062.jpg", imageAlt: "Professional hair coloring" },
{ id: "facial", name: "Professional Facial", price: "₹800", imageSrc: "http://img.b2bpic.net/free-photo/patient-undergoing-microneedling-procedure_23-2149374056.jpg?_wi=2", imageAlt: "Facial treatment service" },
{ id: "cleanup", name: "Skin Cleanup", price: "₹500", imageSrc: "http://img.b2bpic.net/free-photo/combination-facial-features-concept_23-2150087675.jpg", imageAlt: "Skin cleanup service" },
{ id: "manicure", name: "Manicure & Pedicure", price: "₹600+", imageSrc: "http://img.b2bpic.net/free-photo/visit-friendly-hairdresser-salon_329181-1936.jpg?_wi=3", imageAlt: "Manicure pedicure service" }
features={[
{
icon: Scissors,
title: "Premium Haircut", description: "₹300 - Expert precision cuts with personalized styling"
},
{
icon: Wind,
title: "Hair Spa", description: "₹1,500+ - Luxurious deep conditioning treatment"
},
{
icon: Palette,
title: "Hair Color", description: "₹2,000+ - Professional coloring with premium products"
},
{
icon: Crown,
title: "Professional Facial", description: "₹800 - Radiant skin with premium facial treatments"
},
{
icon: Gem,
title: "Skin Cleanup", description: "₹500 - Deep cleansing for flawless complexion"
},
{
icon: Smile,
title: "Manicure & Pedicure", description: "₹600+ - Elegant nail care and styling"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="Real Reviews From Real Customers 🌟"
description="We listen to feedback—even the tough ones. That's how we keep improving."
tag="Customer Stories"
tagIcon={Quote}
tagAnimation="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="opacity"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Priya Sharma", role: "CEO", company: "Tech Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageAlt: "happy customer portrait professional" },
{ id: "2", name: "Rajesh Kumar", role: "Manager", company: "Finance Sector", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3236.jpg", imageAlt: "happy man portrait satisfied" },
{ id: "3", name: "Anjali Patel", role: "Doctor", company: "Medical Professional", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-pleasant-woman-shirt_197531-19641.jpg", imageAlt: "confident woman portrait smiling" },
{ id: "4", name: "Arun Singh", role: "Entrepreneur", company: "Business Owner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-businessman-shaking-male-hand-meeting-first-im_1163-5278.jpg", imageAlt: "professional portrait man confident" },
{ id: "5", name: "Neha Verma", role: "Designer", company: "Creative Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg", imageAlt: "woman portrait happy professional" },
{ id: "6", name: "Vikram Desai", role: "Consultant", company: "Business Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg", imageAlt: "professional man portrait happy" }
<TestimonialCardFifteen
testimonial="Alex Hair & Skin Studio transformed my look completely. The team is professional, attentive, and genuinely cares about customer satisfaction. Every visit feels premium yet welcoming. Highly recommend!"
rating={5}
author="Priya Sharma & Team"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", alt: "Satisfied customer portrait" },
{ src: "http://img.b2bpic.net/free-photo/front-view-pleasant-woman-shirt_197531-19641.jpg", alt: "Happy customer" }
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-archivo), sans-serif;
font-family: var(--font-montserrat), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-archivo), sans-serif;
font-family: var(--font-montserrat), sans-serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #D4AF37;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #d4af37;
--primary-cta-text: #000000;
--secondary-cta: #000000;
--secondary-cta: #ffffff;
--secondary-cta-text: #ffffff;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #d4af37;
--background-accent: #2a2a2a;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);