Update src/app/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,112 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="mediumSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Menu", id: "menu" },
+            { name: "About", id: "about" },
+            { name: "Visit", id: "visit" },
+            { name: "Reviews", id: "reviews" },
+            { name: "Contact", id: "contact" },
+            { name: "About Page", id: "/about" }
+          ]}
+          brandName="Chai Pe Charcha"
+          bottomLeftText="Mumbai"
+          bottomRightText="+91 98765 43210"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroCentered
+          title="About Chai Pe Charcha"
+          description="Discover our story, our passion for authentic chai, and the community that makes our café special."
+          background={{ variant: "plain" }}
+          avatars={[
+            { src: "http://img.b2bpic.net/free-photo/stylish-dark-skinned-lesbian-with-afro-hairstyle-having-bored-annoyed-look_273609-9468.jpg", alt: "Our café community" },
+            { src: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg", alt: "Café interior" },
+            { src: "http://img.b2bpic.net/free-photo/spoon-tins-with-spices-near-dish_23-2147894897.jpg", alt: "Our premium spices" }
+          ]}
+          avatarText="Trusted by 996+ regulars"
+          buttons={[
+            { text: "Visit Us", href: "#contact" },
+            { text: "View Menu", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+          ariaLabel="About page hero section"
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <TextSplitAbout
+          title="Our Journey"
+          description={[
+            "Chai Pe Charcha was born from a simple belief: the best conversations happen over a perfect cup of chai. We're not just a café—we're a gathering place where friends meet, creators brainstorm, thinkers debate, and everyone leaves with a warm heart.",            "Every cup is crafted with authentic spices and love. Every snack is prepared fresh. Every moment at our table becomes a memory worth treasuring. We celebrate the Mumbai café culture with genuine warmth, affordable pricing, and an irresistible vibe that keeps our 996+ happy customers coming back.",            "Our mission is simple: to serve not just chai, but connection. To create a space where every person feels welcome, valued, and part of our extended family. In a fast-paced world, we offer a sanctuary—a place to pause, breathe, and connect over steaming cups of authentic chai.",            "Join us for chai, snacks, and the conversations that matter. Because at Chai Pe Charcha, every cup starts a story."
+          ]}
+          buttons={[
+            { text: "Order Now", href: "/" },
+            { text: "Contact Us", href: "#contact" }
+          ]}
+          showBorder={true}
+          useInvertedBackground={false}
+          ariaLabel="About Chai Pe Charcha detailed story"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3548.jpg?_wi=2"
+          imageAlt="Chai Pe Charcha café community"
+          columns={[
+            {
+              title: "Quick Links",              items: [
+                { label: "Home", href: "/" },
+                { label: "About Us", href: "/about" },
+                { label: "Menu", href: "/?section=menu" },
+                { label: "Contact", href: "/?section=contact" }
+              ]
+            },
+            {
+              title: "Hours",              items: [
+                { label: "Monday - Sunday", href: "#" },
+                { label: "8:00 AM - 11:00 PM", href: "#" },
+                { label: "Holidays: 9:00 AM - 10:00 PM", href: "#" },
+                { label: "Call: +91 98765 43210", href: "#" }
+              ]
+            },
+            {
+              title: "Location",              items: [
+                { label: "Shop no. 3, Prabhavinayak Society", href: "#" },
+                { label: "New Prabhadevi Rd, Century Bazaar", href: "#" },
+                { label: "Prabhadevi, Mumbai 400025", href: "#" },
+                { label: "Get Directions", href: "https://maps.google.com" }
+              ]
+            }
+          ]}
+          logoText="Chai Pe Charcha"
+          copyrightText="© 2025 Chai Pe Charcha. All rights reserved. Where conversations flow as freely as chai."
+          ariaLabel="Site footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -1,52 +1,16 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
-import { Inter } 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"],
-});
 
 export const metadata: Metadata = {
-  title: "Chai Pe Charcha - Mumbai's Favorite Chai Café | Authentic Tea & Snacks",  description: "Discover Chai Pe Charcha, Mumbai's beloved chai café. Authentic Indian tea, affordable snacks (₹200–₹400), and a vibrant community. 996+ reviews, 3.9 rating. Visit us at Prabhadevi.",  keywords: "chai café Mumbai, authentic Indian tea, affordable snacks, Prabhadevi café, chai culture, Indian tea house",  metadataBase: new URL("https://chaipecharcha.com"),
-  alternates: {
-    canonical: "https://chaipecharcha.com"},
-  openGraph: {
-    title: "Chai Pe Charcha - Where Every Cup Starts a Conversation",    description: "Mumbai's favorite chai spot for authentic conversations, snacks, and vibes. Join 996+ regulars today.",    url: "https://chaipecharcha.com",    siteName: "Chai Pe Charcha",    type: "website",    images: [
-      {
-        url: "http://img.b2bpic.net/free-photo/spoon-tins-with-spices-near-dish_23-2147894897.jpg",        alt: "Steaming chai cups at Chai Pe Charcha"},
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",    title: "Chai Pe Charcha - Mumbai's Favorite Chai Café",    description: "Authentic tea, affordable snacks, warm conversations. Experience Mumbai's vibrant chai culture.",    images: ["http://img.b2bpic.net/free-photo/spoon-tins-with-spices-near-dish_23-2147894897.jpg"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+  title: "Chai Pe Charcha - Mumbai's Favorite Chai Spot",  description: "Join us for authentic chai, delicious snacks, and unforgettable conversations in Mumbai."};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1414,7 +1378,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }

src/app/page.tsx

@@ -32,7 +32,8 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Visit", id: "visit" },
             { name: "Reviews", id: "reviews" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "contact" },
+            { name: "About Page", id: "/about" }
           ]}
           brandName="Chai Pe Charcha"
           bottomLeftText="Mumbai"
@@ -212,7 +213,7 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3548.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3548.jpg?_wi=1"
           imageAlt="Chai Pe Charcha café community"
           columns={[
             {