311 lines
19 KiB
TypeScript
311 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { Building2, CheckCircle, Heart, MessageCircle, MapPin, Phone, Scissors, ShoppingBag, Sparkles, Star, Zap } from "lucide-react";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
export default function LandingPage() {
|
|
const handleFormSubmit = (data: Record<string, string>) => {
|
|
console.log("Form submitted:", data);
|
|
};
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="School Uniforms & Textiles"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Schools", id: "schools" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Call Now", href: "tel:+919876543210" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="All School Uniforms Available in One Place"
|
|
description="Quality uniforms, perfect stitching, and quick service for your child's school needs. Browse our complete collection or call now for instant availability."
|
|
tag="Local School Uniforms"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/children-s-bright-clothes-hang-display-baby-clothing-store-boys-section_627829-6475.jpg", imageAlt: "School uniform display in store"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/children-s-bright-clothes-hang-display-baby-clothing-store-boys-section_627829-6475.jpg", imageAlt: "Kids uniforms collection"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/children-s-bright-clothes-hang-display-baby-clothing-store-boys-section_627829-6475.jpg", imageAlt: "Store interior with uniform racks"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/children-s-bright-clothes-hang-display-baby-clothing-store-girls-section_627829-6483.jpg", imageAlt: "Premium uniform clothing display"
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/children-s-bright-clothes-hang-display-baby-clothing-store-girls-section_627829-6483.jpg", imageAlt: "Kids fashion collection"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/children-s-bright-clothes-hang-display-baby-clothing-store-boys-section_627829-6475.jpg", imageAlt: "Professional uniform store"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/children-s-bright-clothes-hang-display-baby-clothing-store-boys-section_627829-6475.jpg", imageAlt: "Quality school clothing"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/children-s-bright-clothes-hang-display-baby-clothing-store-boys-section_627829-6475.jpg", imageAlt: "Retail display of uniforms"
|
|
},
|
|
]}
|
|
carouselPosition="right"
|
|
buttons={[
|
|
{ text: "📞 Call Now", href: "tel:+919876543210" },
|
|
{ text: "Check Availability", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Why Parents Choose Us"
|
|
description={[
|
|
"We've been serving families in SR Nagar for over 15 years, providing high-quality school uniforms for all major schools in the area. Our commitment to excellence, transparent pricing, and dedicated customer service sets us apart.", "Every uniform is carefully selected for durability and comfort. Our experienced tailoring team ensures perfect fit and quick turnarounds. We understand that back-to-school season is busy—that's why we're here to make uniform shopping easy and hassle-free."
|
|
]}
|
|
buttons={[{ text: "View Our Services", href: "#services" }]}
|
|
showBorder={true}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
title="What Makes Us Different"
|
|
description="Trusted by parents for quality, service, and reliability"
|
|
tag="Our Strengths"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "01", title: "Premium Quality Fabrics", description: "We source only the best materials that are durable, comfortable, and easy to maintain. Perfect for active school days.", imageSrc: "http://img.b2bpic.net/free-photo/line-three-different-zips_23-2148212680.jpg", imageAlt: "Premium fabric material"
|
|
},
|
|
{
|
|
id: "02", title: "Expert Tailoring & Stitching", description: "Our dedicated tailoring team provides accurate measurements and quick alterations. Custom stitching available for bulk orders.", imageSrc: "http://img.b2bpic.net/free-photo/collaboration-business-is-very-important_329181-14395.jpg", imageAlt: "Professional tailoring service"
|
|
},
|
|
{
|
|
id: "03", title: "Friendly Customer Service", description: "Our knowledgeable staff helps you find the perfect uniform for your child's school. We're here to answer all your questions.", imageSrc: "http://img.b2bpic.net/free-photo/receiving-order_1098-21305.jpg", imageAlt: "Helpful customer service team"
|
|
},
|
|
{
|
|
id: "04", title: "Convenient Local Location", description: "Located in the heart of SR Nagar with easy parking and quick service. Visit us anytime during business hours.", imageSrc: "http://img.b2bpic.net/free-vector/local-business-landing-page_23-2148604470.jpg", imageAlt: "Local store location"
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Get Started Today", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Our Product Categories"
|
|
description="Everything you need for your child's school in one place"
|
|
tag="Shop Now"
|
|
tagIcon={ShoppingBag}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "School Uniform Sets", price: "₹799 - ₹1,499", imageSrc: "http://img.b2bpic.net/free-photo/children-s-bright-clothes-hang-display-baby-clothing-store-boys-section_627829-6475.jpg", imageAlt: "Complete school uniform set"
|
|
},
|
|
{
|
|
id: "2", name: "School Shoes & Socks", price: "₹299 - ₹649", imageSrc: "http://img.b2bpic.net/free-photo/children-s-bright-clothes-hang-display-baby-clothing-store-boys-section_627829-6475.jpg", imageAlt: "School shoes and socks collection"
|
|
},
|
|
{
|
|
id: "3", name: "School Bags & Accessories", price: "₹399 - ₹899", imageSrc: "http://img.b2bpic.net/free-photo/children-s-bright-clothes-hang-display-baby-clothing-store-boys-section_627829-6475.jpg", imageAlt: "School bags and accessories"
|
|
},
|
|
{
|
|
id: "4", name: "Fabric Materials", price: "₹150 - ₹400 per meter", imageSrc: "http://img.b2bpic.net/free-photo/line-three-different-zips_23-2148212680.jpg", imageAlt: "Premium fabric materials"
|
|
},
|
|
{
|
|
id: "5", name: "Custom Stitching Service", price: "₹200 - ₹500 per item", imageSrc: "http://img.b2bpic.net/free-photo/collaboration-business-is-very-important_329181-14395.jpg", imageAlt: "Professional tailoring services"
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
buttons={[{ text: "Call for Availability", href: "tel:+919876543210" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="schools" data-section="schools">
|
|
<SocialProofOne
|
|
title="Schools We Supply Uniforms For"
|
|
description="Trusted by leading schools in SR Nagar and surrounding areas"
|
|
tag="Partner Schools"
|
|
tagIcon={Building2}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Narayana School", "Delhi Public School", "Ryan International", "Vidya Niketan", "Modern School", "Cathedral School", "St. Mary's Academy", "Greenfield High School"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
buttons={[{ text: "Check Your School", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<PricingCardEight
|
|
title="Our Tailoring & Stitching Services"
|
|
description="Professional alteration and custom stitching for all your uniform needs"
|
|
tag="Services"
|
|
tagIcon={Scissors}
|
|
tagAnimation="slide-up"
|
|
plans={[
|
|
{
|
|
id: "fitting", badge: "Quick Fit", badgeIcon: Zap,
|
|
price: "₹150-250", subtitle: "Standard alterations", buttons: [{ text: "Book Appointment", href: "tel:+919876543210" }],
|
|
features: [
|
|
"Hemming & adjustments", "Size modifications", "2-3 day turnaround", "Expert hand stitching"
|
|
],
|
|
},
|
|
{
|
|
id: "custom", badge: "Popular", badgeIcon: Star,
|
|
price: "₹300-500", subtitle: "Custom uniform stitching", buttons: [{ text: "Order Now", href: "#contact" }],
|
|
features: [
|
|
"Accurate measurements", "Custom design options", "Premium quality fabrics", "Perfect fit guaranteed"
|
|
],
|
|
},
|
|
{
|
|
id: "bulk", badge: "Best Value", badgeIcon: Sparkles,
|
|
price: "Custom Quote", subtitle: "Bulk stitching for schools", buttons: [{ text: "Get Quote", href: "tel:+919876543210" }],
|
|
features: [
|
|
"Special bulk rates", "Fast delivery timeline", "Quality assurance", "Dedicated support team"
|
|
],
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="What Parents Say About Us"
|
|
description="Real reviews from satisfied customers"
|
|
tag="Testimonials"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Perfect Quality at Great Price", quote: "I've been buying uniforms from them for 3 years now. The quality is excellent and the staff is always helpful. They even did a quick alteration for my son while I waited!", name: "Priya Sharma", role: "Parent, Narayana School", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Priya Sharma"
|
|
},
|
|
{
|
|
id: "2", title: "Fast and Reliable Service", quote: "I needed uniforms for my daughter urgently and they had everything in stock. The staff understood my situation and helped me get exactly what I needed within 30 minutes.", name: "Anjali Reddy", role: "Parent, Delhi Public School", imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-black-haired-woman-standing-city-park-smiling-lady-enjoying-leisure-time-outdoors-summer-closeup-front-view-female-portrait-concept_74855-12894.jpg", imageAlt: "Anjali Reddy"
|
|
},
|
|
{
|
|
id: "3", title: "Tailoring is Top-Notch", quote: "The custom stitching service is outstanding. My son's uniform fits perfectly and the workmanship is excellent. Highly recommended for anyone needing alterations.", name: "Meera Iyer", role: "Parent, Ryan International", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Meera Iyer"
|
|
},
|
|
{
|
|
id: "4", title: "Honest Pricing & Great Value", quote: "No hidden charges, just honest pricing and great quality. They even gave me bulk discounts when I bought uniforms for my twins. Very satisfied with their service.", name: "Sunita Verma", role: "Parent, Vidya Niketan", imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg", imageAlt: "Sunita Verma"
|
|
},
|
|
{
|
|
id: "5", title: "Friendly Staff, Easy Process", quote: "The staff is always friendly and patient. They help you find the right size and style. Shopping for uniforms has never been so easy and stress-free!", name: "Deepika Nair", role: "Parent, Modern School", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Deepika Nair"
|
|
},
|
|
{
|
|
id: "6", title: "One-Stop Shop for Everything", quote: "I love that I can get uniforms, shoes, bags, and alterations all in one place. Saves time and the quality is consistently good across all products.", name: "Lavanya Singh", role: "Parent, Cathedral School", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Lavanya Singh"
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Share Your Review", href: "tel:+919876543210" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get Your Uniform Inquiry Answered Today"
|
|
description="Fill out the form below with your details and we'll get back to you within 2 hours with availability and pricing information. Or call us now for instant assistance."
|
|
inputs={[
|
|
{
|
|
name: "parentName", type: "text", placeholder: "Your Full Name", required: true,
|
|
},
|
|
{
|
|
name: "phoneNumber", type: "tel", placeholder: "Phone Number (WhatsApp)", required: true,
|
|
},
|
|
{
|
|
name: "schoolName", type: "text", placeholder: "Child's School Name", required: true,
|
|
},
|
|
{
|
|
name: "class", type: "text", placeholder: "Class/Grade", required: false,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us what uniforms or services you need...", rows: 5,
|
|
required: true,
|
|
}}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/receiving-order_1098-21305.jpg"
|
|
imageAlt="Helpful customer service team"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Send Inquiry"
|
|
onSubmit={handleFormSubmit}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="School Uniforms & Textiles"
|
|
copyrightText="© 2025 School Uniforms & Textiles Store. All rights reserved. | Local Business in SR Nagar"
|
|
socialLinks={[
|
|
{ icon: Phone, href: "tel:+919876543210", ariaLabel: "Call us" },
|
|
{
|
|
icon: MessageCircle,
|
|
href: "https://wa.me/919876543210", ariaLabel: "WhatsApp us"
|
|
},
|
|
{
|
|
icon: MapPin,
|
|
href: "https://maps.google.com/?q=School+Uniforms+SR+Nagar", ariaLabel: "Visit our store location"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|