Update src/app/page.tsx

2026-03-06 07:03:49 +00:00
parent 00bb3ba4a7
commit c69f3d6d23
1 changed files with 109 additions and 65 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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"
+          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: "YES! GET INSTANT ACCESS NOW - $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"
+          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" },
              ],
            },