Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -1,14 +1,14 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Bell, Book, Moon, TrendingUp } from 'lucide-react';
+import { Bell, Book, Moon, TrendingUp, Download } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -25,7 +25,7 @@ export default function LandingPage() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen
+        <NavbarStyleApple
           navItems={[
             { name: "Features", id: "features" },
             { name: "About", id: "about" },
@@ -34,8 +34,6 @@ export default function LandingPage() {
             { name: "Download", id: "hero" }
           ]}
           brandName="Khamsa"
-          bottomLeftText="Faith Consistency"
-          bottomRightText="hello@khamsa.app"
         />
       </div>
 
@@ -43,9 +41,11 @@ export default function LandingPage() {
         <HeroBillboardGallery
           title="KHAMSA"
           description="Never Miss a Prayer Again. Stay connected to your faith with intelligent reminders, Quran access, Ramadan tracking, and detailed prayer analytics—all in one beautiful app designed for modern Muslim life."
+          tag="Available on iOS & Android"
+          tagIcon={Download}
           buttons={[
             { text: "Download on App Store", href: "https://apps.apple.com/app/khamsa" },
-            { text: "Learn More", href: "#features" }
+            { text: "Explore Features", href: "#features" }
           ]}
           mediaItems={[
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQNIf4E4zrfxOpIxfEPyWE1GfE/uploaded-1772521065783-ki2h2i1t.png", imageAlt: "Khamsa prayer tracking app interface" },
@@ -57,6 +57,7 @@ export default function LandingPage() {
           background={{ variant: "plain" }}
           mediaAnimation="slide-up"
           buttonAnimation="opacity"
+          tagAnimation="slide-up"
         />
       </div>
 
@@ -98,6 +99,10 @@ export default function LandingPage() {
           animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
+          buttons={[
+            { text: "Get Started Free", href: "https://apps.apple.com/app/khamsa" }
+          ]}
+          buttonAnimation="opacity"
         />
       </div>