Home page corrections and mobile nav updated

components/home/HeroBanner.tsx

@@ -19,7 +19,7 @@ export default function HomeHeroBanner() {
         //     image: '/assets/img/all-images/hero/hero-img11.png',
         // },
         {
-            title: "Grace moves with vibrant beat <br />Tradition meets bright bass",
+            title: "Grace moves with a vibrant rhythmic  <br /> beat Tradition meets bright bass",
             date: 'SERVING',
             location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD SINCE 1989',
             bgImage: '/assets/img/home/banner/banner-2.webp',
@@ -33,7 +33,7 @@ export default function HomeHeroBanner() {
             image: '/assets/img/all-images/hero/hero-img12.png',
         },
              {
-            title: 'Lighting hearts across globe <br />A blend of sound and spirit',
+            title: 'Lighting hearts across the globe <br />A timeless blend of sound and spirit',
             date: 'SERVING',
             location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD SINCE 1989',
             bgImage: '/assets/img/home/banner/banner-4.webp',

components/layout/MobileMenu.tsx

@@ -8,6 +8,13 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
 	const handleAccordion = (key: any) => {
 		setIsAccordion(prevState => prevState === key ? null : key)
 	}
+
+	const [subAccordion, setSubAccordion] = useState<number | null>(null)
+
+	const handleSubAccordion = (key: number) => {
+		setSubAccordion(prevState => prevState === key ? null : key)
+	}
+
 	return (
 		<>
 			<div className="mobile-header mobile-haeder1 d-block d-lg-none">
@@ -50,15 +57,47 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
 								<li className="hash-has-sub"><Link href="/index10" className="hash-nav">Home Ten</Link></li>
 							</ul> */}
 						</li>
-						<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 3 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(3)}><em /></span>
-							<Link href="/about" className="hash-nav">About</Link>
-							<ul className={`sub-menu ${isAccordion == 3 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 3 ? "block" : "none"}` }}>
-								<li className="hash-has-sub"><Link href="/about/association" className="hash-nav">Association</Link></li>
-								<li className="hash-has-sub"><Link href="/about/mission" className="hash-nav">Mission</Link></li>
-								<li className="hash-has-sub"><Link href="/about/constitution" className="hash-nav">Constitution</Link></li>
-								<li className="hash-has-sub"><Link href="/about/committee" className="hash-nav">Committee</Link></li>
+						<li className="has-sub hash-has-sub">
+							<span
+								className={`submenu-button ${isAccordion == 6 ? "submenu-opened" : ""}`}
+								onClick={() => handleAccordion(6)}
+							><em /></span>
+							<Link href="/tamil-culture" className="hash-nav">Tamil Culture</Link>
+
+							<ul className={`sub-menu ${isAccordion == 6 ? "open-sub" : ""}`} style={{ display: isAccordion == 6 ? "block" : "none" }}>
+								<li className="hash-has-sub">
+									<span
+										className={`submenu-button ${subAccordion === 1 ? "submenu-opened" : ""}`}
+										onClick={() => handleSubAccordion(1)}
+									><em /></span>
+									<Link href="/tamil-culture/tamil-festivals" className="hash-nav">Tamil Festivals</Link>
+									<ul className={`sub-menu ${subAccordion === 1 ? "open-sub" : ""}`} style={{ display: subAccordion === 1 ? "block" : "none" }}>
+										<li><Link href="/tamil-culture/tamil-festivals/hindu-festivals" className="hash-nav">Hindu Festivals</Link></li>
+										<li><Link href="/tamil-culture/tamil-festivals/muslim-festivals" className="hash-nav">Muslim Festivals</Link></li>
+										<li><Link href="/tamil-culture/tamil-festivals/christian-festivals" className="hash-nav">Christian Festivals</Link></li>
+									</ul>
+								</li>
+								<li className="hash-has-sub">
+									<span
+										className={`submenu-button ${subAccordion === 2 ? "submenu-opened" : ""}`}
+										onClick={() => handleSubAccordion(2)}
+									><em /></span>
+									<Link href="/tamil-culture/tamil-wedding-custom" className="hash-nav">Tamil Wedding & Custom</Link>
+									<ul className={`sub-menu ${subAccordion === 2 ? "open-sub" : ""}`} style={{ display: subAccordion === 2 ? "block" : "none" }}>
+										<li><Link href="/tamil-culture/tamil-wedding-custom/hindu-wedding-rituals" className="hash-nav">Hindu Wedding Rituals</Link></li>
+										<li><Link href="/tamil-culture/tamil-wedding-custom/protestant-wedding" className="hash-nav">A Tamil Protestant Wedding</Link></li>
+										<li><Link href="/tamil-culture/tamil-wedding-custom/catholic-wedding" className="hash-nav">Tamil Catholic Weddings</Link></li>
+										<li><Link href="/tamil-culture/tamil-wedding-custom/city-style" className="hash-nav">Marriage – City Style</Link></li>
+										<li><Link href="/tamil-culture/tamil-wedding-custom/bridal-makeup" className="hash-nav">Bridal Make Up</Link></li>
+										<li><Link href="/tamil-culture/tamil-wedding-custom/story-of-saree" className="hash-nav">The Story Of The Saree</Link></li>
+									</ul>
+								</li>
+								<li className="hash-has-sub">
+									<Link href="/tamil-culture/tamil-language" className="hash-nav">Tamil Language</Link>
+								</li>
 							</ul>
 						</li>
+
 						<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 2 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(2)}><em /></span>
 							<Link href="#" className="hash-nav">Online</Link>
 							<ul className={`sub-menu ${isAccordion == 2 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 2 ? "block" : "none"}` }}>

public/assets/css/main.css

@@ -4482,7 +4482,7 @@ Location:
 
 @media (max-width: 767px) {
 	.hero9-slider-area .hero8-header h1 {
-		font-size: var(--ztc-font-size-font-s36);
+		font-size: var(--ztc-font-size-font-s28);
 		line-height: 40px;
 	}
 }