Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2338819681 | |||
| 36c273634c | |||
| 25753ac0f6 | |||
| c365ed1a05 | |||
| f15a7acd0c |
165
src/app/page.tsx
165
src/app/page.tsx
@@ -3,19 +3,13 @@
|
|||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
||||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
import { Shield, Zap, Lock, Users, LockKeyhole } from "lucide-react";
|
||||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
|
||||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
||||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
||||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
||||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
||||||
import { Sparkles, AlarmClock, Sun, Coffee, Zap, Brain, Moon, Clock, Target, CheckCircle2, XCircle, Award, Users, TrendingUp } from "lucide-react";
|
|
||||||
|
|
||||||
export default function AlarmAppPage() {
|
export default function DatingAppPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="text-stagger"
|
defaultButtonVariant="text-stagger"
|
||||||
@@ -31,132 +25,61 @@ export default function AlarmAppPage() {
|
|||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
brandName="WakeUp Pro"
|
brandName="SecureMatch"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Features", id: "features" },
|
{ name: "Features", id: "features" },
|
||||||
{ name: "How it Works", id: "how-it-works" },
|
{ name: "Security", id: "security" },
|
||||||
{ name: "Testimonials", id: "testimonials" },
|
{ name: "Contact", id: "contact" },
|
||||||
{ name: "Download", id: "contact" },
|
|
||||||
]}
|
]}
|
||||||
button={{ text: "Get Started", href: "#contact" }}
|
button={{ text: "Get Started", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
<HeroSplitDoubleCarousel
|
<HeroBillboardScroll
|
||||||
title="Start Your Day With Purpose, Not Stress"
|
title="Dating, Reimagined for Your Peace of Mind"
|
||||||
description="WakeUp Pro isn't just an alarm; it's a personalized productivity ecosystem designed to turn your groggy mornings into a launchpad for success."
|
description="Meet real people in a high-security environment built on verification and speed. Your privacy is our priority."
|
||||||
tag="The #1 Smart Alarm"
|
tag="The Fastest Secure Dating App"
|
||||||
tagIcon={Sun}
|
tagIcon={Shield}
|
||||||
tagAnimation="slide-up"
|
background={{ variant: "sparkles-gradient" }}
|
||||||
background={{ variant: "canvas-reveal" }}
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Download Now", href: "#contact" },
|
{ text: "Join Now", href: "#contact" },
|
||||||
{ text: "Explore Features", href: "#features" },
|
{ text: "Learn More", href: "#features" },
|
||||||
]}
|
|
||||||
buttonAnimation="slide-up"
|
|
||||||
carouselPosition="right"
|
|
||||||
leftCarouselItems={[
|
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smartphone-child-hands-with-incoming-sister-call-screen_169016-43658.jpg", imageAlt: "Smart wake up dashboard" },
|
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-room-with-red-light_250224-287.jpg", imageAlt: "Focus mode scheduler" },
|
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116602.jpg", imageAlt: "Sleep trend analytics" },
|
|
||||||
]}
|
|
||||||
rightCarouselItems={[
|
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671564.jpg", imageAlt: "Morning habit tracker" },
|
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372418.jpg", imageAlt: "Daily quote motivation" },
|
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-talking-video-call_23-2151228196.jpg", imageAlt: "Deep sleep analysis" },
|
|
||||||
]}
|
|
||||||
carouselItemClassName="!aspect-[9/16]"
|
|
||||||
/>
|
|
||||||
<FeatureBento
|
|
||||||
title="Intelligence Behind the Alarm"
|
|
||||||
description="Smart algorithms that learn your circadian rhythm to wake you at the optimal moment."
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
animationType="slide-up"
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
title: "Intelligent Wake-up", description: "Adaptive alarm system that detects your lightest sleep phase.", bentoComponent: "reveal-icon", icon: AlarmClock,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Daily Goals", description: "Guided sessions to set your intentions and prioritize tasks.", bentoComponent: "3d-task-list", items: [
|
|
||||||
{ icon: Coffee, label: "Morning Routine", time: "7:00 AM" },
|
|
||||||
{ icon: Brain, label: "Deep Work", time: "9:00 AM" },
|
|
||||||
{ icon: Target, label: "Daily Review", time: "8:00 PM" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Sleep Insight", description: "Detailed graphs tracking your nightly recovery cycles.", bentoComponent: "line-chart"}
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
<FeatureCardTwentySix
|
<FeatureCardNineteen
|
||||||
title="Designed for Results"
|
title="Uncompromising Security"
|
||||||
description="Features that keep you productive and well-rested."
|
description="Experience a platform where safety and speed go hand-in-hand."
|
||||||
textboxLayout="default"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{ title: "Smart Snooze", description: "Calculated alerts that prevent oversleeping.", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-flash-sale-notification_23-2151952983.jpg", buttonIcon: Zap },
|
{
|
||||||
{ title: "Focus Soundscapes", description: "Binaural beats for deep concentration.", imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10082.jpg", buttonIcon: Zap },
|
tag: "Verification", title: "Real-Identity Checks", subtitle: "AI-driven ID verification", description: "Only verified profiles. No bots, no fakes, just real people you can trust."
|
||||||
{ title: "Mood Tracker", description: "Quantify your daily outlook and energy.", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-yellow-emoji_23-2150473707.jpg", buttonIcon: Zap },
|
},
|
||||||
{ title: "Cloud Sync", description: "Keep your routines synced everywhere.", imageSrc: "http://img.b2bpic.net/free-photo/storage-cloud_1048-1655.jpg", buttonIcon: Zap },
|
{
|
||||||
|
tag: "Speed", title: "Lightning Fast Matching", subtitle: "Real-time connections", description: "Our high-performance engine connects you in seconds, not hours."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tag: "Privacy", title: "End-to-End Privacy", subtitle: "Data protection at scale", description: "Your conversations and location data stay strictly between you and your match."
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
<TestimonialCardFifteen
|
<ContactSplitForm
|
||||||
testimonial="WakeUp Pro completely changed my routine. I don't dread the alarm anymore, I actually feel prepared and energetic every morning."
|
title="Ready to Connect?"
|
||||||
rating={5}
|
description="Create your secure profile today and start meeting verified singles in your area."
|
||||||
author="— Elena Fisher, Creative Consultant"
|
inputs={[
|
||||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg", alt: "Elena" }]}
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||||
ratingAnimation="slide-up"
|
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||||
avatarsAnimation="slide-up"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
/>
|
|
||||||
<MetricCardOne
|
|
||||||
title="Productivity at Scale"
|
|
||||||
description="Join thousands who are reclaiming their mornings."
|
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
metrics={[
|
|
||||||
{ id: "users", value: "500k+", title: "Active Users", description: "Starting their day right with us", icon: Users },
|
|
||||||
{ id: "sleep", value: "98%", title: "Wake Satisfaction", description: "Feel refreshed every morning", icon: Sun },
|
|
||||||
{ id: "tasks", value: "10M+", title: "Tasks Completed", description: "Focus sessions tracked", icon: TrendingUp },
|
|
||||||
]}
|
]}
|
||||||
/>
|
buttonText="Register Now"
|
||||||
<FeatureCardSixteen
|
|
||||||
title="The WakeUp Difference"
|
|
||||||
description="Why standard alarms are failing your health."
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
animationType="slide-up"
|
|
||||||
negativeCard={{ items: ["Jarring, high-stress alarm sounds", "No tracking of sleep phases", "Disrupts REM sleep cycles", "No post-wake integration", "Zero productivity tools"] }}
|
|
||||||
positiveCard={{ items: ["Gentle, progressive soundscapes", "Phase-aware smart alarms", "Optimized for REM recovery", "Integrated habit tracking", "Personalized morning focus engine"] }}
|
|
||||||
/>
|
|
||||||
<FaqBase
|
|
||||||
title="Got Questions?"
|
|
||||||
description="Everything you need to know about the transition to a smarter morning."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
faqs={[
|
|
||||||
{ id: "1", title: "Does it use a lot of battery?", content: "Our app is optimized for minimal background energy consumption, even with sleep tracking enabled." },
|
|
||||||
{ id: "2", title: "Can I use my own music?", content: "Yes, you can integrate your Spotify or Apple Music playlists for gentle wake-up sounds." },
|
|
||||||
{ id: "3", title: "Is there a free version?", content: "We offer a generous free tier with core alarm functionality and basic habit tracking." },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<ContactCTA
|
|
||||||
tag="Download Today"
|
|
||||||
title="Ready to Own Your Morning?"
|
|
||||||
description="Start your 14-day free trial and experience the difference of a smart wake-up cycle."
|
|
||||||
background={{ variant: "rotated-rays-animated" }}
|
|
||||||
buttons={[{ text: "Download on App Store", href: "#" }, { text: "Get on Google Play", href: "#" }]}
|
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
<FooterBase
|
<FooterCard
|
||||||
logoText="WakeUp Pro"
|
logoText="SecureMatch"
|
||||||
columns={[
|
copyrightText="© 2025 | SecureMatch Dating"
|
||||||
{ title: "App", items: [{ label: "Features", href: "#" }, { label: "Security", href: "#" }, { label: "Download", href: "#" }] },
|
socialLinks={[
|
||||||
{ title: "Community", items: [{ label: "Discord", href: "#" }, { label: "Blog", href: "#" }, { label: "Support", href: "#" }] }
|
{ icon: Users, href: "#", ariaLabel: "Community" },
|
||||||
|
{ icon: Lock, href: "#", ariaLabel: "Security Policies" }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user