Merge version_2 into main #2
159
src/app/page.tsx
159
src/app/page.tsx
@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
||||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||||
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
||||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
||||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import TeamCardSix as GalleryTeamCard from "@/components/sections/team/TeamCardSix";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Award, Heart, MessageCircle, Shield, Sparkles, Users } from "lucide-react";
|
||||
import { Award, Heart, MessageCircle, Shield, Sparkles, Users, Trophy, MapPin, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,29 +28,31 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Gallantry"
|
||||
brandName="Sabhyata Sports"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Book Appointment on WhatsApp", href: "contact"
|
||||
text: "WhatsApp Contact", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Gallantry Unisex Salon"
|
||||
description="Premium Hair, Skin & Grooming Services in Raj Nagar Extension"
|
||||
logoText="Your One Stop Shop For Sports Gear"
|
||||
description="Premium Cricket Bats, Badminton Rackets, Football Gear, Sportswear & Fitness Equipment. Your trusted sports equipment shop in Raj Nagar Extension, Ghaziabad."
|
||||
buttons={[
|
||||
{ text: "Book Appointment on WhatsApp", href: "contact" }
|
||||
{ text: "Explore Products", href: "products" },
|
||||
{ text: "Contact Us", href: "contact" }
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1402.jpg?_wi=1"
|
||||
imageAlt="Luxury Gallantry Unisex Salon Interior"
|
||||
imageSrc="https://images.unsplash.com/photo-1461896836934-ffe607ba8211?w=1200&h=600&fit=crop"
|
||||
imageAlt="Sports Equipment Shop"
|
||||
mediaAnimation="slide-up"
|
||||
frameStyle="card"
|
||||
buttonAnimation="slide-up"
|
||||
@@ -59,79 +61,71 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Experience Excellence at Gallantry Unisex Salon"
|
||||
title="Trusted Sports Store in Raj Nagar Extension"
|
||||
useInvertedBackground={false}
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{ icon: Sparkles, label: "Premium Products", value: "100%" },
|
||||
{ icon: Users, label: "Happy Clients", value: "500+" },
|
||||
{ icon: Award, label: "Expert Stylists", value: "12+" },
|
||||
{ icon: Shield, label: "Hygienic Standards", value: "10/10" }
|
||||
{ icon: Trophy, label: "Quality Brands", value: "100%" },
|
||||
{ icon: Users, label: "Happy Players", value: "1000+" },
|
||||
{ icon: Award, label: "Years Experience", value: "10+" },
|
||||
{ icon: Shield, label: "Authentic Products", value: "Verified" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
title="Our Premium Services"
|
||||
description="Indulge in our comprehensive range of luxury grooming and beauty services"
|
||||
tag="Services"
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
title="Our Products"
|
||||
description="Explore our comprehensive range of sports equipment and gear for all your athletic needs"
|
||||
tag="Categories"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Professional Haircut", description: "Expert haircuts tailored to your style and face shape with premium finishing techniques", imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg?_wi=1", imageAlt: "Professional Haircut Service"
|
||||
id: "1", name: "Cricket Bats & Accessories", price: "Starting ₹500", imageSrc: "https://images.unsplash.com/photo-1531415732111-8849c6fc7771?w=400&h=400&fit=crop", imageAlt: "Cricket Bats and Accessories", onProductClick: () => console.log("Cricket category clicked")
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Hair Spa Treatment", description: "Luxurious hair spa experience with premium products for deep nourishment and relaxation", imageSrc: "http://img.b2bpic.net/free-photo/woma-washing-man-s-head-barbershop_1157-27169.jpg?_wi=1", imageAlt: "Hair Spa Treatment"
|
||||
id: "2", name: "Badminton Rackets", price: "Starting ₹800", imageSrc: "https://images.unsplash.com/photo-1571902943202-507ec2618e8f?w=400&h=400&fit=crop", imageAlt: "Badminton Rackets", onProductClick: () => console.log("Badminton category clicked")
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Hair Coloring", description: "Professional hair coloring with premium dyes and expert color consultations", imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-hair-salon_23-2150668444.jpg?_wi=1", imageAlt: "Hair Coloring Service"
|
||||
id: "3", name: "Football Gear", price: "Starting ₹1000", imageSrc: "https://images.unsplash.com/photo-1461896836934-ffe607ba8211?w=400&h=400&fit=crop", imageAlt: "Football Gear", onProductClick: () => console.log("Football category clicked")
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Beard Grooming", description: "Precision beard trimming, shaping, and grooming with premium beard care products", imageSrc: "http://img.b2bpic.net/free-photo/side-view-client-looking-mirror_23-2148242858.jpg?_wi=1", imageAlt: "Beard Grooming Service"
|
||||
id: "4", name: "Sportswear Collection", price: "Starting ₹400", imageSrc: "https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?w=400&h=400&fit=crop", imageAlt: "Sportswear", onProductClick: () => console.log("Sportswear category clicked")
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: "Facial Treatment", description: "Premium facial treatments for all skin types using high-quality skincare products", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7494.jpg", imageAlt: "Facial Treatment"
|
||||
id: "5", name: "Fitness Equipment", price: "Starting ₹2000", imageSrc: "https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=400&h=400&fit=crop", imageAlt: "Fitness Equipment", onProductClick: () => console.log("Fitness category clicked")
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: "Bridal Makeup", description: "Stunning bridal makeup services with expert styling for your special day", imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-making-up-girl_23-2148210709.jpg", imageAlt: "Bridal Makeup Service"
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
title: "Party Makeup", description: "Professional party makeup with creative styling for every occasion", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-mascara-wand_23-2148398589.jpg", imageAlt: "Party Makeup Service"
|
||||
id: "6", name: "Sports Accessories", price: "Starting ₹200", imageSrc: "https://images.unsplash.com/photo-1552820728-8ac41f1ce891?w=400&h=400&fit=crop", imageAlt: "Sports Accessories", onProductClick: () => console.log("Accessories category clicked")
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TeamCardSix
|
||||
<GalleryTeamCard
|
||||
title="Gallery"
|
||||
description="Explore the elegance and sophistication of our salon spaces"
|
||||
tag="Gallery"
|
||||
description="See our store and premium sports equipment collection"
|
||||
tag="Photos"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Hair Station", role: "Styling Excellence", imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg?_wi=2", imageAlt: "Hair Station"
|
||||
id: "1", name: "Store Front", role: "Our Location", imageSrc: "https://images.unsplash.com/photo-1584622181563-430f63602d4b?w=400&h=400&fit=crop", imageAlt: "Sports Store Front"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Spa Zone", role: "Relaxation & Care", imageSrc: "http://img.b2bpic.net/free-photo/woma-washing-man-s-head-barbershop_1157-27169.jpg?_wi=2", imageAlt: "Spa Zone"
|
||||
id: "2", name: "Cricket Section", role: "Premium Collection", imageSrc: "https://images.unsplash.com/photo-1531415732111-8849c6fc7771?w=400&h=400&fit=crop", imageAlt: "Cricket Equipment"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Color Studio", role: "Creative Transformation", imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-hair-salon_23-2150668444.jpg?_wi=2", imageAlt: "Color Studio"
|
||||
id: "3", name: "Badminton Corner", role: "Pro Quality Rackets", imageSrc: "https://images.unsplash.com/photo-1571902943202-507ec2618e8f?w=400&h=400&fit=crop", imageAlt: "Badminton Rackets"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Grooming Corner", role: "Premium Grooming", imageSrc: "http://img.b2bpic.net/free-photo/side-view-client-looking-mirror_23-2148242858.jpg?_wi=2", imageAlt: "Grooming Corner"
|
||||
id: "4", name: "Fitness Zone", role: "Complete Equipment", imageSrc: "https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=400&h=400&fit=crop", imageAlt: "Fitness Equipment"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -139,82 +133,65 @@ export default function LandingPage() {
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardThree
|
||||
title="Why Choose Gallantry"
|
||||
description="We're committed to delivering exceptional salon experiences with premium services"
|
||||
tag="Why Us"
|
||||
title="Why Choose Sabhyata Sports"
|
||||
description="We're committed to providing the best sports equipment and service to local players"
|
||||
tag="Trusted Choice"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "1", icon: Award, title: "Expert Stylists", value: "12+" },
|
||||
{ id: "2", icon: Sparkles, title: "Premium Products", value: "100%" },
|
||||
{ id: "3", icon: Shield, title: "Hygienic", value: "Perfect" },
|
||||
{ id: "4", icon: Heart, title: "Happy Clients", value: "500+" }
|
||||
{ id: "1", icon: Trophy, title: "Quality Brands", value: "100%" },
|
||||
{ id: "2", icon: Heart, title: "Affordable Prices", value: "Best" },
|
||||
{ id: "3", icon: Users, title: "Trusted by Players", value: "1000+" },
|
||||
{ id: "4", icon: MapPin, title: "Convenient Location", value: "Raj Nagar" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Visit Gallantry Unisex Salon at our premium location in Raj Nagar Extension, Ghaziabad. We're easily accessible and provide a luxurious, welcoming environment for all our valued clients."
|
||||
rating={5}
|
||||
author="Raj Nagar Extension, Ghaziabad"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg", alt: "Salon Interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woma-washing-man-s-head-barbershop_1157-27169.jpg", alt: "Spa Zone" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/back-view-woman-hair-salon_23-2150668444.jpg", alt: "Color Studio" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-client-looking-mirror_23-2148242858.jpg", alt: "Grooming Corner" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get In Touch"
|
||||
title="Book Your Appointment Today"
|
||||
description="Experience luxury grooming and beauty services at Gallantry Unisex Salon. Click below to book your appointment on WhatsApp and join our 500+ satisfied clients."
|
||||
title="Contact Sabhyata Sports"
|
||||
description="Visit our store in Raj Nagar Extension, Ghaziabad. Call us or message on WhatsApp for product inquiries and orders."
|
||||
tagIcon={MessageCircle}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your WhatsApp number"
|
||||
buttonText="Book Appointment on WhatsApp"
|
||||
termsText="We respect your privacy. Your appointment request will be confirmed via WhatsApp."
|
||||
buttonText="Contact on WhatsApp"
|
||||
termsText="We'll get back to you within 1 hour during business hours. Your contact details are safe with us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1402.jpg?_wi=2"
|
||||
imageAlt="Gallantry Unisex Salon"
|
||||
logoText="Gallantry"
|
||||
copyrightText="© 2025 Gallantry Unisex Salon. All rights reserved."
|
||||
imageSrc="https://images.unsplash.com/photo-1461896836934-ffe607ba8211?w=800&h=600&fit=crop"
|
||||
imageAlt="Sabhyata Sports Store"
|
||||
logoText="Sabhyata Sports"
|
||||
copyrightText="© 2025 Sabhyata Sports. All rights reserved. Raj Nagar Extension, Ghaziabad."
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Hair Cutting", href: "#services" },
|
||||
{ label: "Hair Spa", href: "#services" },
|
||||
{ label: "Hair Coloring", href: "#services" },
|
||||
{ label: "Beard Grooming", href: "#services" }
|
||||
title: "Products", items: [
|
||||
{ label: "Cricket Equipment", href: "products" },
|
||||
{ label: "Badminton Rackets", href: "products" },
|
||||
{ label: "Football Gear", href: "products" },
|
||||
{ label: "Fitness Equipment", href: "products" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "Why Choose Us", href: "#why-us" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Gallery", href: "gallery" },
|
||||
{ label: "Why Choose Us", href: "why-us" },
|
||||
{ label: "Contact", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Booking Policy", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "WhatsApp Support", href: "#" }
|
||||
title: "Contact", items: [
|
||||
{ label: "Location: Raj Nagar Extension", href: "#" },
|
||||
{ label: "WhatsApp Support", href: "#" },
|
||||
{ label: "Business Hours", href: "#" },
|
||||
{ label: "Store Policies", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0F0F0F;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #D4AF37;
|
||||
--background: #ffffff;
|
||||
--card: #f8f8f8;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #dc2626;
|
||||
--primary-cta-text: #0F0F0F;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #0066cc;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #D4AF37;
|
||||
--background-accent: #D4AF37;
|
||||
--accent: #000000;
|
||||
--background-accent: #f0f0f0;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user