Update src/app/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -6,7 +6,7 @@ import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/Nav
 import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Sparkles, Heart, Users, Star, Zap } from "lucide-react";
+import { Sparkles, Heart, Users, Star, Zap, Clock, Music } from "lucide-react";
 
 export default function AboutPage() {
   return (
@@ -29,6 +29,7 @@ export default function AboutPage() {
             { name: "About", id: "/about" },
             { name: "Classes", id: "/classes" },
             { name: "Contact", id: "/contact" },
+            { name: "FAQ", id: "/faq" },
           ]}
           brandName="Trupti Dance Academy"
           bottomLeftText="Melissa, Texas"
@@ -139,7 +140,7 @@ export default function AboutPage() {
                 { label: "Privacy Policy", href: "#" },
                 { label: "Refund Policy", href: "#" },
                 { label: "Terms of Service", href: "#" },
-                { label: "FAQ", href: "#faq" },
+                { label: "FAQ", href: "/faq" },
               ],
             },
           ]}

src/app/classes/page.tsx

@@ -7,6 +7,7 @@ import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/F
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import { Sparkles, Music, Zap, Users, Calendar, Clock, Heart, Star } from "lucide-react";
+import Link from "next/link";
 
 export default function ClassesPage() {
   const navItems = [
@@ -14,6 +15,7 @@ export default function ClassesPage() {
     { name: "About", id: "/about" },
     { name: "Classes", id: "/classes" },
     { name: "Contact", id: "/contact" },
+    { name: "FAQ", id: "/faq" },
   ];
 
   const footerColumns = [
@@ -38,7 +40,7 @@ export default function ClassesPage() {
         { label: "Privacy Policy", href: "#" },
         { label: "Refund Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
-        { label: "FAQ", href: "#faq" },
+        { label: "FAQ", href: "/faq" },
       ],
     },
   ];
@@ -63,6 +65,7 @@ export default function ClassesPage() {
             { name: "About", id: "/about" },
             { name: "Classes", id: "/classes" },
             { name: "Contact", id: "/contact" },
+            { name: "FAQ", id: "/faq" },
           ]}
           brandName="Trupti Dance Academy"
           bottomLeftText="Melissa, Texas"

src/app/contact/page.tsx

@@ -13,6 +13,7 @@ export default function ContactPage() {
     { name: "About", id: "/about" },
     { name: "Classes", id: "/classes" },
     { name: "Contact", id: "/contact" },
+    { name: "FAQ", id: "/faq" },
   ];
 
   const footerColumns = [
@@ -37,7 +38,7 @@ export default function ContactPage() {
         { label: "Privacy Policy", href: "#" },
         { label: "Refund Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
-        { label: "FAQ", href: "#faq" },
+        { label: "FAQ", href: "/faq" },
       ],
     },
   ];

src/app/layout.tsx

@@ -1,8 +1,11 @@
 import type { Metadata } from "next";
-import "./styles/globals.css";
+import { Inter } from "next/font/google";
+import "./globals.css";
+
+const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Trupti Dance Academy - Dance Classes in Melissa, Texas",  description: "Join Trupti Dance Academy for BollyX fitness and Bollywood dance classes in Melissa, Texas. Classes for kids, teens, and adults of all skill levels.",  keywords: "dance classes, Bollywood, BollyX fitness, Melissa Texas, dance academy"};
+  title: "Trupti Dance Academy",  description: "Join Trupti Dance Academy in Melissa, Texas for BollyX fitness and Bollywood dance classes for kids, teens, and adults."};
 
 export default function RootLayout({
   children,
@@ -11,7 +14,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body>{children}
+      <body className={inter.className}>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1381,4 +1384,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -32,6 +32,7 @@ export default function HomePage() {
             { name: "About", id: "/about" },
             { name: "Classes", id: "/classes" },
             { name: "Contact", id: "/contact" },
+            { name: "FAQ", id: "/faq" },
           ]}
           brandName="Trupti Dance Academy"
           bottomLeftText="Melissa, Texas"
@@ -129,7 +130,7 @@ export default function HomePage() {
       <div id="classes-showcase" data-section="classes-showcase">
         <ProductCardTwo
           title="Classes for Every Age & Level"
-          description="From tiny dancers aged 4 to adults looking for a fun workout, we offer classes for everyone. Our expert-led sessions focus on technique, fitness, and most importantly — having fun."
+          description="From tiny dancers aged 4 to adults looking for a fun workout, we offer classes for everyone. Our expert-led sessions focus on technique, fitness, and most importantly — having fun. All classes are $60/month with flexible scheduling and a 2-week free trial for new members."
           tag="Class Schedule"
           tagAnimation="slide-up"
           products={[
@@ -233,7 +234,7 @@ export default function HomePage() {
                 { label: "Privacy Policy", href: "#" },
                 { label: "Refund Policy", href: "#" },
                 { label: "Terms of Service", href: "#" },
-                { label: "FAQ", href: "#faq" },
+                { label: "FAQ", href: "/faq" },
               ],
             },
           ]}
@@ -243,4 +244,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/recital/page.tsx

@@ -184,4 +184,4 @@ export default function RecitalPage() {
       </div>
     </ThemeProvider>
   );
-}
+}