Update src/app/page.tsx

Update src/app/layout.tsx
Merge version_7 into main
2026-03-04 03:19:51 +00:00 · 2026-03-04 03:19:51 +00:00 · 2026-03-04 03:14:10 +00:00 · 2026-03-04 03:14:05 +00:00 · 2026-03-04 03:08:52 +00:00 · 2026-03-04 03:08:47 +00:00
2 changed files with 27 additions and 18 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
 import { Figtree } 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"],
@@ -48,11 +47,13 @@ export default function RootLayout({
 }>) {
  return (
    <html lang="en" suppressHydrationWarning>
+      <head>
+        <script async src="https://webuild-tags.vercel.app/tag.js" data-website-id="c25bbf6f-ac27-4baf-a8c9-f8fb2f79a26f"></script>
+      </head>
      <ServiceWrapper>
        <body
          className={`${halant.variable} ${inter.variable} ${figtree.variable} antialiased`}
        >
-          <Tag />
          {children}
        
        <script
@@ -1425,4 +1426,4 @@ export default function RootLayout({
      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,14 +1,14 @@
 "use client";

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+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,26 +34,30 @@ export default function LandingPage() {
            { name: "Download", id: "hero" }
          ]}
          brandName="Khamsa"
-          bottomLeftText="Faith Consistency"
-          bottomRightText="hello@khamsa.app"
        />
      </div>

      <div id="hero" data-section="hero">
-        <HeroCarouselLogo
-          logoText="KHAMSA"
+        <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" }
          ]}
-          slides={[
+          mediaItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQNIf4E4zrfxOpIxfEPyWE1GfE/uploaded-1772521065783-ki2h2i1t.png", imageAlt: "Khamsa prayer tracking app interface" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQNIf4E4zrfxOpIxfEPyWE1GfE/uploaded-1772521065783-pbf6ggwm.png?_wi=1", imageAlt: "Khamsa app features showcase" },
-            { imageSrc: "http://img.b2bpic.net/free-vector/meditation-app-interface_23-2148655703.jpg?_wi=1", imageAlt: "Khamsa prayer analytics dashboard" }
+            { imageSrc: "http://img.b2bpic.net/free-vector/meditation-app-interface_23-2148655703.jpg?_wi=1", imageAlt: "Khamsa prayer analytics dashboard" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-using-smart-phone-following-webinar-while-drinking-coffee-home_637285-5955.jpg?_wi=1", imageAlt: "Prayer app notification interface" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-meditating-with-singing-bowl-smartphone_23-2148847557.jpg?_wi=1", imageAlt: "Meditation and prayer tracking" }
          ]}
-          autoplayDelay={5000}
-          showDimOverlay={false}
+          background={{ variant: "plain" }}
+          mediaAnimation="slide-up"
+          buttonAnimation="opacity"
+          tagAnimation="slide-up"
        />
      </div>

@@ -67,7 +71,7 @@ export default function LandingPage() {
              title: "Intelligent Prayer Reminders",              description: "Precise notifications tailored to your location and daily schedule, ensuring you never miss a prayer time during your busy day.",              icon: Bell,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-using-smart-phone-following-webinar-while-drinking-coffee-home_637285-5955.jpg?_wi=1", imageAlt: "Prayer reminder notifications" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-meditating-with-singing-bowl-smartphone_23-2148847557.jpg", imageAlt: "Notification interface" }
+                { imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-meditating-with-singing-bowl-smartphone_23-2148847557.jpg?_wi=2", imageAlt: "Notification interface" }
              ]
            },
            {
@@ -95,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>

@@ -201,4 +209,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	037a76d3c9	Update src/app/page.tsx	2026-03-04 03:19:51 +00:00
bender	1d67143399	Update src/app/layout.tsx	2026-03-04 03:19:51 +00:00
bender	4905aac7f3	Merge version_7 into main Merge version_7 into main	2026-03-04 03:14:10 +00:00
bender	7dfb0b20d6	Update src/app/page.tsx	2026-03-04 03:14:05 +00:00
bender	4984a79fb9	Merge version_6 into main Merge version_6 into main	2026-03-04 03:08:52 +00:00
bender	a506f00de2	Update src/app/page.tsx	2026-03-04 03:08:47 +00:00
bender	877e8a00d5	Merge version_5 into main Merge version_5 into main	2026-03-04 03:05:59 +00:00
bender	048149157c	Update src/app/page.tsx	2026-03-04 03:05:55 +00:00
bender	e67f401ab1	Merge version_4 into main Merge version_4 into main	2026-03-04 03:02:36 +00:00
bender	f263b18eeb	Update src/app/page.tsx	2026-03-04 03:02:32 +00:00
bender	f853da836b	Merge version_3 into main Merge version_3 into main	2026-03-03 07:08:25 +00:00
bender	3b28abc23f	Update src/app/page.tsx	2026-03-03 07:08:20 +00:00
bender	b51f352ade	Merge version_2 into main Merge version_2 into main	2026-03-03 07:05:22 +00:00
bender	08e7b3b8a6	Update src/app/page.tsx	2026-03-03 07:05:17 +00:00
bender	0d50402f9b	Merge version_2 into main Merge version_2 into main	2026-03-03 07:03:49 +00:00
bender	9fae35deeb	Update src/app/page.tsx	2026-03-03 07:03:44 +00:00
bender	3fac8263ce	Merge version_1 into main Merge version_1 into main	2026-03-03 06:59:10 +00:00