|
|
|
|
@@ -8,21 +8,21 @@ import FeatureHoverPattern from "@/components/sections/feature/featureHoverPatte
|
|
|
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
|
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
|
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
|
|
|
import { Zap, Cog, Crown } from "lucide-react";
|
|
|
|
|
import { Zap, Cog, Crown, Shield, Smartphone, Download } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="mediumSizeLargeTitles"
|
|
|
|
|
background="floatingGradient"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
primaryButtonStyle="shadow"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="light"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleFullscreen
|
|
|
|
|
@@ -34,28 +34,28 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "Buy Now", id: "hero" },
|
|
|
|
|
]}
|
|
|
|
|
brandName="Habitbock"
|
|
|
|
|
bottomLeftText="Lifetime License"
|
|
|
|
|
bottomLeftText="Limited Time Offer"
|
|
|
|
|
bottomRightText="support@habitbock.com"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="announcement" data-section="announcement" className="py-2 text-center text-sm font-medium bg-red-500 text-white">
|
|
|
|
|
60% OFF - ONE-TIME PAYMENT FOR LIFETIME ACCESS
|
|
|
|
|
<div id="announcement" data-section="announcement" className="py-3 text-center text-sm font-semibold bg-gradient-to-r from-orange-500 to-red-500 text-white">
|
|
|
|
|
🎉 EXCLUSIVE LAUNCH OFFER: $25 → $9.99 (60% OFF) - LIMITED TIME ONLY
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitTestimonial
|
|
|
|
|
title="MASTER YOUR DISCIPLINE. OWN YOUR ROUTINE."
|
|
|
|
|
description="One-Time Payment. No Subscriptions. Lifetime Updates."
|
|
|
|
|
title="Stop Chasing Discipline. Start Owning It."
|
|
|
|
|
description="The Habitbock Ultimate Habit Tracker System: Instant Download • Automated Tracking • Multi-Device Sync • Lifetime Access • One-Time Payment"
|
|
|
|
|
tag="Limited Time Offer"
|
|
|
|
|
tagIcon={Zap}
|
|
|
|
|
tagAnimation="none"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template_23-2148237058.jpg"
|
|
|
|
|
imageAlt="Habitbock Dashboard - Dark Mode"
|
|
|
|
|
imagePosition="left"
|
|
|
|
|
mediaAnimation="none"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template_23-2148237058.jpg?_wi=1"
|
|
|
|
|
imageAlt="Habitbock Ultimate Habit Tracker Dashboard"
|
|
|
|
|
imagePosition="right"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
name: "Sarah Chen", handle: "Entrepreneur", testimonial: "This tool transformed my daily routine. I've never been more consistent with my habits.", rating: 5,
|
|
|
|
|
@@ -69,53 +69,84 @@ export default function LandingPage() {
|
|
|
|
|
]}
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "YES! I WANT INSTANT ACCESS NOW", href: "https://checkout.example.com"},
|
|
|
|
|
text: "Get Instant Access - $9.99", href: "https://checkout.example.com"},
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="none"
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
testimonialRotationInterval={5000}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="pricing" data-section="pricing" className="py-16 px-4 text-center bg-gradient-to-b from-background to-card">
|
|
|
|
|
<div className="max-w-3xl mx-auto">
|
|
|
|
|
<h2 className="text-5xl md:text-6xl font-bold mb-8 text-foreground">
|
|
|
|
|
<span className="line-through text-gray-400">$25</span>
|
|
|
|
|
<span className="text-3xl md:text-4xl ml-4 text-emerald-500 font-extrabold">NOW JUST $9.99</span>
|
|
|
|
|
</h2>
|
|
|
|
|
<p className="text-xl text-foreground/80 mb-8">One-Time Payment • Lifetime Access • No Subscriptions Ever</p>
|
|
|
|
|
<button className="bg-sky-400 hover:bg-sky-500 text-white font-bold py-6 px-12 rounded-full text-xl shadow-2xl hover:shadow-3xl transform hover:scale-105 transition-all duration-300">
|
|
|
|
|
🚀 INSTANT ACCESS - $9.99
|
|
|
|
|
</button>
|
|
|
|
|
<p className="text-sm text-foreground/60 mt-6">✓ Instant Download • ✓ 60-Day Money-Back Guarantee • ✓ Lifetime Support</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="problem-solution" data-section="problem-solution">
|
|
|
|
|
<SplitAbout
|
|
|
|
|
title="Stop the Chaos"
|
|
|
|
|
description="Habitbock automates your progress tracking so you can focus on winning. No more manual logging. No more complicated spreadsheets. Just track, see results, and build unstoppable momentum."
|
|
|
|
|
tag="The Solution"
|
|
|
|
|
tagAnimation="none"
|
|
|
|
|
title="The Ultimate Habit Tracker System"
|
|
|
|
|
description="Habitbock eliminates guesswork and automates your progress tracking. No more manual logging. No more spreadsheets. No more complexity. Just pure, measurable habit transformation with our proven system."
|
|
|
|
|
tag="What You Get"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
bulletPoints={[
|
|
|
|
|
{
|
|
|
|
|
title: "Automatic Progress Tracking", description: "Real-time updates show exactly how you're progressing without manual data entry"},
|
|
|
|
|
title: "Instant Download & Setup", description: "Get your complete system 1 second after payment. Start tracking immediately without waiting or complicated installation.", icon: Download,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Distraction-Free Interface", description: "Clean, minimal design keeps you focused on building habits, not learning software"},
|
|
|
|
|
title: "100% Automated System", description: "The system does the heavy lifting for you. Automatic tracking, progress calculations, and insights—no manual work required.", icon: Cog,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Universal Compatibility", description: "Works seamlessly across all your devices—desktop, tablet, and mobile"},
|
|
|
|
|
title: "Multi-Device Sync", description: "Access your habit tracker seamlessly on desktop, tablet, and mobile. All your data stays synchronized across every device.", icon: Smartphone,
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template_23-2148237058.jpg?_wi=2"
|
|
|
|
|
imageAlt="Habitbock System Features"
|
|
|
|
|
imagePosition="right"
|
|
|
|
|
mediaAnimation="none"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="trust" data-section="trust" className="py-12 px-4 bg-background border-y border-accent/20">
|
|
|
|
|
<div className="max-w-4xl mx-auto text-center">
|
|
|
|
|
<p className="text-foreground/70 mb-8 font-semibold">TRUSTED BY THOUSANDS • SECURE PAYMENTS</p>
|
|
|
|
|
<div className="flex justify-center items-center gap-8 flex-wrap">
|
|
|
|
|
<div className="text-2xl font-bold text-foreground/50">✓ SSL Encrypted</div>
|
|
|
|
|
<div className="text-2xl font-bold text-foreground/50">✓ Stripe Payment</div>
|
|
|
|
|
<div className="text-2xl font-bold text-foreground/50">✓ PayPal Ready</div>
|
|
|
|
|
<div className="text-2xl font-bold text-foreground/50">✓ 60-Day Guarantee</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="benefits" data-section="benefits">
|
|
|
|
|
<FeatureHoverPattern
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
icon: Zap,
|
|
|
|
|
title: "Instant Download", description: "Get your link 1 second after payment. Start tracking immediately—no waiting, no delays."},
|
|
|
|
|
icon: Download,
|
|
|
|
|
title: "Instant Download", description: "Complete system delivered to your inbox in 1 second. Start building unstoppable habits immediately—no waiting, no delays."},
|
|
|
|
|
{
|
|
|
|
|
icon: Cog,
|
|
|
|
|
title: "100% Automated", description: "No complex math, no confusing calculations. Just track and see results instantly."},
|
|
|
|
|
title: "Automated System", description: "Everything is automated. Tracking, calculations, insights. You just log your habits and let the system do the work."},
|
|
|
|
|
{
|
|
|
|
|
icon: Crown,
|
|
|
|
|
title: "Lifetime License", description: "Pay once, use forever. Lifetime updates included. No subscriptions ever."},
|
|
|
|
|
icon: Smartphone,
|
|
|
|
|
title: "Multi-Device Sync", description: "Perfect synchronization across all devices. Track on desktop, review on mobile, plan on tablet—seamlessly integrated."},
|
|
|
|
|
]}
|
|
|
|
|
title="Three Core Benefits"
|
|
|
|
|
description="Everything you need to build lasting habits and track your journey to success"
|
|
|
|
|
tag="Why Choose Habitbock"
|
|
|
|
|
tagAnimation="none"
|
|
|
|
|
description="The complete habit tracking solution designed to eliminate barriers and maximize your success"
|
|
|
|
|
tag="Why Habitbock Wins"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="none"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -135,17 +166,32 @@ export default function LandingPage() {
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Amanda Foster", role: "Marketing Manager", company: "E-commerce Brand", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=7", imageAlt: "Amanda Foster"},
|
|
|
|
|
{
|
|
|
|
|
id: "5", name: "Ryan Chen", role: "Software Engineer", company: "Tech Company", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=8", imageAlt: "Ryan Chen"},
|
|
|
|
|
{
|
|
|
|
|
id: "6", name: "Sophie Martin", role: "Life Coach", company: "Coaching Institute", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=9", imageAlt: "Sophie Martin"},
|
|
|
|
|
{
|
|
|
|
|
id: "7", name: "Michael Torres", role: "Entrepreneur", company: "Digital Agency", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=10", imageAlt: "Michael Torres"},
|
|
|
|
|
{
|
|
|
|
|
id: "8", name: "Jessica Wong", role: "Wellness Expert", company: "Health Center", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=11", imageAlt: "Jessica Wong"},
|
|
|
|
|
{
|
|
|
|
|
id: "9", name: "Christopher Lee", role: "Fitness Trainer", company: "Gym Network", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=12", imageAlt: "Christopher Lee"},
|
|
|
|
|
]}
|
|
|
|
|
kpiItems={[
|
|
|
|
|
{ value: "50,000+", label: "Active Users" },
|
|
|
|
|
{ value: "98%", label: "Satisfaction Rate" },
|
|
|
|
|
{ value: "50,000+", label: "Happy Users" },
|
|
|
|
|
{ value: "98%", label: "Success Rate" },
|
|
|
|
|
{ value: "1.2M+", label: "Habits Tracked" },
|
|
|
|
|
]}
|
|
|
|
|
animationType="none"
|
|
|
|
|
title="Verified User Results"
|
|
|
|
|
description="Real people achieving real results with Habitbock. See how our community is transforming their habits."
|
|
|
|
|
tag="Social Proof"
|
|
|
|
|
tagAnimation="none"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
title="Verified Results in 3-Column Grid"
|
|
|
|
|
description="Real users achieving real transformations. See the proven power of Habitbock Ultimate Habit Tracker System."
|
|
|
|
|
tag="Social Proof Gallery"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
@@ -155,39 +201,44 @@ export default function LandingPage() {
|
|
|
|
|
<FaqDouble
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Is this a subscription?", content: "No. Habitbock is a one-time purchase. Pay once and you own it forever. No recurring charges, no hidden fees, no cancellations needed."},
|
|
|
|
|
id: "1", title: "Is this really a one-time payment with lifetime access?", content: "Yes, absolutely. You pay $9.99 once and own the Habitbock Ultimate Habit Tracker System forever. No subscriptions, no recurring charges, no hidden fees. Lifetime updates and support included."},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "How do I receive it?", content: "Automatic delivery to your email inbox within 1 second of payment. You'll receive a download link and instructions to get started immediately."},
|
|
|
|
|
id: "2", title: "How quickly will I receive my system after purchase?", content: "Instantly! You'll receive your complete system via email within 1 second of purchase. Click the download link, follow the simple setup instructions, and start tracking your habits immediately."},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Does it work on mobile?", content: "Yes, fully compatible with Google Sheets app and all major platforms. Track your habits on desktop, tablet, or smartphone—seamlessly synchronized across all devices."},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "What if I need help?", content: "Our support team is available via email at support@habitbock.com. We provide lifetime email support for all Habitbock users."},
|
|
|
|
|
{
|
|
|
|
|
id: "5", title: "Can I share it with others?", content: "Your license is for personal use. If you'd like to share Habitbock with your team, contact us for bulk licensing options."},
|
|
|
|
|
{
|
|
|
|
|
id: "6", title: "Is there a money-back guarantee?", content: "Yes. We offer a 60-day money-back guarantee. If you're not satisfied, we'll refund your purchase—no questions asked."},
|
|
|
|
|
id: "3", title: "Does it work on all my devices?", content: "Yes! Habitbock syncs perfectly across desktop, tablets, and smartphones. Log habits on your phone, review progress on desktop, plan on tablet—everything updates in real-time across all devices."},
|
|
|
|
|
]}
|
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
|
description="Have questions? We've got answers. Everything you need to know about Habitbock."
|
|
|
|
|
description="Have questions? We've got answers. Everything you need to know about Habitbock Ultimate Habit Tracker System."
|
|
|
|
|
tag="Support"
|
|
|
|
|
tagAnimation="none"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
faqsAnimation="none"
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
animationType="smooth"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="cta" data-section="cta" className="py-16 px-4 bg-gradient-to-r from-sky-400 to-sky-500 text-white text-center">
|
|
|
|
|
<div className="max-w-3xl mx-auto">
|
|
|
|
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">Ready to Own Your Habits?</h2>
|
|
|
|
|
<p className="text-xl mb-10 opacity-95">Limited time offer: $9.99 for lifetime access to Habitbock Ultimate Habit Tracker System</p>
|
|
|
|
|
<button className="bg-white text-sky-500 hover:bg-gray-100 font-bold py-6 px-14 rounded-full text-xl shadow-2xl hover:shadow-3xl transform hover:scale-105 transition-all duration-300">
|
|
|
|
|
✓ GET INSTANT ACCESS NOW - $9.99
|
|
|
|
|
</button>
|
|
|
|
|
<p className="text-sm mt-8 opacity-80">60-Day Money-Back Guarantee | Instant Download | Lifetime Support</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBaseCard
|
|
|
|
|
logoText="Habitbock"
|
|
|
|
|
copyrightText="© 2025 Habitbock. All rights reserved."
|
|
|
|
|
copyrightText="© 2025 Habitbock Ultimate Habit Tracker System. All rights reserved. Secure Payment Protected."
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Product", items: [
|
|
|
|
|
{ label: "Features", href: "#benefits" },
|
|
|
|
|
{ label: "Pricing", href: "#hero" },
|
|
|
|
|
{ label: "Security", href: "#" },
|
|
|
|
|
{ label: "System Features", href: "#benefits" },
|
|
|
|
|
{ label: "Pricing", href: "#pricing" },
|
|
|
|
|
{ label: "Download", href: "#cta" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
@@ -197,17 +248,10 @@ export default function LandingPage() {
|
|
|
|
|
{ label: "Blog", href: "#" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Legal", items: [
|
|
|
|
|
{ label: "Privacy Policy", href: "#" },
|
|
|
|
|
{ label: "Terms of Service", href: "#" },
|
|
|
|
|
{ label: "Refund Policy", href: "#" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Support", items: [
|
|
|
|
|
{ label: "Help Center", href: "#" },
|
|
|
|
|
{ label: "FAQ", href: "#faq" },
|
|
|
|
|
{ label: "Help Center", href: "#" },
|
|
|
|
|
{ label: "Contact Support", href: "mailto:support@habitbock.com" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
|
