|
|
|
|
@@ -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>
|
|
|
|
|
|
|
|
|
|
@@ -44,9 +42,10 @@ export default function LandingPage() {
|
|
|
|
|
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" },
|
|
|
|
|
@@ -58,6 +57,7 @@ export default function LandingPage() {
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
buttonAnimation="opacity"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -99,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>
|
|
|
|
|
|
|
|
|
|
@@ -205,4 +209,4 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|