Merge version_3 into main

Merge version_3 into main

src/app/contact/page.tsx

@@ -0,0 +1,133 @@
+"use client";
+
+import { Phone, MessageCircle, MapPin } from "lucide-react";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function ContactPage() {
+  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: "/" },
+            { 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="contact" data-section="contact">
+        <ContactSplitForm
+          title="Get In Touch With Us"
+          description="Have questions about our uniforms or services? We're here to help! Contact us using the form below or call us directly. Our team will respond within 2 hours."
+          inputs={[
+            {
+              name: "parentName",              type: "text",              placeholder: "Your Full Name",              required: true,
+            },
+            {
+              name: "phoneNumber",              type: "tel",              placeholder: "Phone Number (WhatsApp)",              required: true,
+            },
+            {
+              name: "email",              type: "email",              placeholder: "Email Address",              required: false,
+            },
+            {
+              name: "subject",              type: "text",              placeholder: "Subject of Inquiry",              required: true,
+            },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us how we can help you...",            rows: 5,
+            required: true,
+          }}
+          useInvertedBackground={true}
+          imageSrc="http://img.b2bpic.net/free-photo/receiving-order_1098-21305.jpg?_wi=2"
+          imageAlt="Customer service team"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Send Message"
+          onSubmit={handleFormSubmit}
+        />
+      </div>
+
+      <div className="bg-background py-20 px-6">
+        <div className="max-w-4xl mx-auto">
+          <h2 className="text-3xl font-bold text-foreground mb-12 text-center">Contact Information</h2>
+          
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <div className="bg-card rounded-lg p-8 text-center">
+              <div className="flex justify-center mb-4">
+                <Phone className="w-8 h-8 text-primary-cta" />
+              </div>
+              <h3 className="text-lg font-semibold text-foreground mb-2">Phone</h3>
+              <p className="text-foreground mb-2">Call us anytime</p>
+              <a href="tel:07702470459" className="text-primary-cta font-semibold hover:underline">
+                07702470459
+              </a>
+            </div>
+
+            <div className="bg-card rounded-lg p-8 text-center">
+              <div className="flex justify-center mb-4">
+                <MessageCircle className="w-8 h-8 text-primary-cta" />
+              </div>
+              <h3 className="text-lg font-semibold text-foreground mb-2">WhatsApp</h3>
+              <p className="text-foreground mb-2">Quick response via WhatsApp</p>
+              <a href="https://wa.me/919876543210" className="text-primary-cta font-semibold hover:underline" target="_blank" rel="noopener noreferrer">
+                Message on WhatsApp
+              </a>
+            </div>
+
+            <div className="bg-card rounded-lg p-8 text-center">
+              <div className="flex justify-center mb-4">
+                <MapPin className="w-8 h-8 text-primary-cta" />
+              </div>
+              <h3 className="text-lg font-semibold text-foreground mb-2">Location</h3>
+              <p className="text-foreground mb-2">Visit our store</p>
+              <a href="https://maps.google.com/?q=School+Uniforms+SR+Nagar" className="text-primary-cta font-semibold hover:underline" target="_blank" rel="noopener noreferrer">
+                SR Nagar, Hyderabad
+              </a>
+            </div>
+          </div>
+        </div>
+      </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:07702470459", 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>
+  );
+}

src/app/layout.tsx

@@ -1,49 +1,18 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
-import { Inter } from "next/font/google";
-import { Manrope } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
-
-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
-
-const manrope = Manrope({
-  variable: "--font-manrope",  subsets: ["latin"],
-});
 
 export const metadata: Metadata = {
-  title: "School Uniforms & Textiles in SR Nagar | Quality Uniforms & Tailoring",  description: "Shop quality school uniforms, shoes, and tailoring services in SR Nagar. Trusted by parents for 15+ years. Call now for instant availability and pricing.",  keywords: "school uniforms near me, school dress shop, school uniform stitching, school uniform store, tailoring services, kids uniform, school accessories",  robots: {
-    index: true,
-    follow: true,
-  },
-  openGraph: {
-    title: "School Uniforms & Textiles - Quality Uniforms for Your Child",    description: "Find all your child's school uniform needs in one place. Quality fabrics, expert tailoring, and friendly service.",    type: "website",    siteName: "School Uniforms & Textiles"},
-  twitter: {
-    card: "summary_large_image",    title: "School Uniforms in SR Nagar - Quality & Trusted",    description: "Your local one-stop shop for quality school uniforms and tailoring services"},
+  title: "School Uniforms & Textiles - Quality Uniforms for Your Child",  description: "Premium school uniforms, expert tailoring, and quick service in SR Nagar. Browse our complete collection or call now for instant availability."
 };
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${manrope.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1411,7 +1380,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }

src/app/page.tsx

@@ -35,11 +35,11 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="School Uniforms & Textiles"
           navItems={[
-            { name: "Home", id: "hero" },
+            { name: "Home", id: "/" },
             { name: "Products", id: "products" },
             { name: "Schools", id: "schools" },
-            { name: "Services", id: "services" },
-            { name: "Contact", id: "contact" },
+            { name: "Services", id: "/services" },
+            { name: "Contact", id: "/contact" },
           ]}
           button={{ text: "Call Now", href: "tel:+919876543210" }}
         />
@@ -84,7 +84,7 @@ export default function LandingPage() {
           carouselPosition="right"
           buttons={[
             { text: "📞 Call Now", href: "tel:+919876543210" },
-            { text: "Check Availability", href: "#contact" },
+            { text: "Check Availability", href: "/contact" },
           ]}
           buttonAnimation="slide-up"
         />
@@ -96,7 +96,7 @@ export default function LandingPage() {
           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" }]}
+          buttons={[{ text: "View Our Services", href: "/services" }]}
           showBorder={true}
           useInvertedBackground={true}
         />
@@ -127,7 +127,7 @@ export default function LandingPage() {
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           useInvertedBackground={false}
-          buttons={[{ text: "Get Started Today", href: "#contact" }]}
+          buttons={[{ text: "Get Started Today", href: "/contact" }]}
           buttonAnimation="slide-up"
         />
       </div>
@@ -179,7 +179,7 @@ export default function LandingPage() {
           ]}
           speed={40}
           showCard={true}
-          buttons={[{ text: "Check Your School", href: "#contact" }]}
+          buttons={[{ text: "Check Your School", href: "/contact" }]}
           buttonAnimation="slide-up"
         />
       </div>
@@ -201,7 +201,7 @@ export default function LandingPage() {
             },
             {
               id: "custom",              badge: "Popular",              badgeIcon: Star,
-              price: "₹300-500",              subtitle: "Custom uniform stitching",              buttons: [{ text: "Order Now", href: "#contact" }],
+              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"
               ],

src/app/services/page.tsx

@@ -0,0 +1,131 @@
+"use client";
+
+import { Scissors, Zap, Star, Sparkles, Phone, MessageCircle, MapPin } from "lucide-react";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function ServicesPage() {
+  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: "/" },
+            { 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="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="contact" data-section="contact">
+        <ContactSplitForm
+          title="Get Your Service 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: "serviceType",              type: "text",              placeholder: "Type of Service Needed",              required: true,
+            },
+            {
+              name: "quantity",              type: "text",              placeholder: "Number of Items",              required: false,
+            },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us more about your service needs...",            rows: 5,
+            required: true,
+          }}
+          useInvertedBackground={true}
+          imageSrc="http://img.b2bpic.net/free-photo/collaboration-business-is-very-important_329181-14395.jpg?_wi=1"
+          imageAlt="Professional tailoring service"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Send Service 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>
+  );
+}