Add src/app/services/page.tsx

Update src/app/page.tsx
Update src/app/layout.tsx
2026-03-06 10:10:28 +00:00 · 2026-03-06 10:10:27 +00:00 · 2026-03-06 10:10:27 +00:00 · 2026-03-06 10:08:01 +00:00 · 2026-03-06 10:00:22 +00:00 · 2026-03-06 09:59:32 +00:00
3 changed files with 139 additions and 41 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,49 +1,17 @@
 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 +1379,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -35,10 +35,10 @@ 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: "Services", id: "/services" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Call Now", href: "tel:+919876543210" }}
@@ -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}
        />
--- a/src/app/services/page.tsx
+++ b/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>
+  );
+}
Author	SHA1	Message	Date
bender	244762c1c8	Add src/app/services/page.tsx	2026-03-06 10:10:28 +00:00
bender	1589484c25	Update src/app/page.tsx	2026-03-06 10:10:27 +00:00
bender	f8e24a3187	Update src/app/layout.tsx	2026-03-06 10:10:27 +00:00
bender	e9cdfb02ce	Merge version_1 into main Merge version_1 into main	2026-03-06 10:08:01 +00:00
bender	a84448b109	Merge version_1 into main Merge version_1 into main	2026-03-06 10:00:22 +00:00
bender	b786e9fa57	Merge version_1 into main Merge version_1 into main	2026-03-06 09:59:32 +00:00
bender	4d0de5796a	Merge version_1 into main Merge version_1 into main	2026-03-06 09:58:17 +00:00