Merge version_3 into main

Merge version_3 into main

src/app/layout.tsx

@@ -25,14 +25,14 @@ const dmSans = DM_Sans({
 });
 
 export const metadata: Metadata = {
-  title: "Habitbock | The Ultimate Habit Tracker - Lifetime License",  description: "Master your discipline with Habitbock. One-time payment, lifetime access. Track habits, build routines, own your success. Limited time: 60% off.",  keywords: "habit tracker, routine builder, productivity, discipline, habit tracking software, self-improvement",  robots: {
+  title: "Habitbock Ultimate Habit Tracker System | Lifetime License - $9.99",  description: "Stop chasing discipline, start owning it. Habitbock Ultimate Habit Tracker System - Instant download, automated tracking, multi-device sync. Just $9.99 lifetime license.",  keywords: "habit tracker, routine builder, productivity, discipline, habit tracking software, self-improvement, automated system",  robots: {
     index: true,
     follow: true,
   },
   openGraph: {
-    title: "Habitbock | The Ultimate Habit Tracker - Lifetime License",    description: "Master your discipline with Habitbock. One-time payment, lifetime access. 60% off limited time.",    siteName: "Habitbock",    type: "website"},
+    title: "Habitbock Ultimate Habit Tracker System | Lifetime License",    description: "Stop chasing discipline, start owning it. Instant download, automated tracking, multi-device sync. Just $9.99.",    siteName: "Habitbock",    type: "website"},
   twitter: {
-    card: "summary_large_image",    title: "Habitbock | The Ultimate Habit Tracker",    description: "Master your discipline. Own your routine. Lifetime license, one-time payment."},
+    card: "summary_large_image",    title: "Habitbock Ultimate Habit Tracker System",    description: "Stop chasing discipline. Start owning it. $9.99 lifetime license."},
 };
 
 export default function RootLayout({

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"
+      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="reveal-blur"
+      defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="medium"
       sizing="mediumSizeLargeTitles"
       background="floatingGradient"
       cardStyle="glass-elevated"
-      primaryButtonStyle="shadow"
+      primaryButtonStyle="gradient"
-      secondaryButtonStyle="solid"
+      secondaryButtonStyle="glass"
-      headingFontWeight="light"
+      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">
+      <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">
-        60% OFF - ONE-TIME PAYMENT FOR LIFETIME ACCESS
+        🎉 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."
+          title="Stop Chasing Discipline. Start Owning It."
-          description="One-Time Payment. No Subscriptions. Lifetime Updates."
+          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"
+          imageSrc="http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template_23-2148237058.jpg?_wi=1"
-          imageAlt="Habitbock Dashboard - Dark Mode"
+          imageAlt="Habitbock Ultimate Habit Tracker Dashboard"
-          imagePosition="left"
+          imagePosition="right"
-          mediaAnimation="none"
+          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"
+          title="The Ultimate Habit Tracker System"
-          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."
+          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="The Solution"
+          tag="What You Get"
-          tagAnimation="none"
+          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,
+              icon: Download,
-              title: "Instant Download",              description: "Get your link 1 second after payment. Start tracking immediately—no waiting, no delays."},
+              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,
+              icon: Smartphone,
-              title: "Lifetime License",              description: "Pay once, use forever. Lifetime updates included. No subscriptions ever."},
+              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"
+          description="The complete habit tracking solution designed to eliminate barriers and maximize your success"
-          tag="Why Choose Habitbock"
+          tag="Why Habitbock Wins"
-          tagAnimation="none"
+          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: "50,000+", label: "Happy Users" },
-            { value: "98%", label: "Satisfaction Rate" },
+            { value: "98%", label: "Success Rate" },
             { value: "1.2M+", label: "Habits Tracked" },
           ]}
-          animationType="none"
+          animationType="slide-up"
-          title="Verified User Results"
+          title="Verified Results in 3-Column Grid"
-          description="Real people achieving real results with Habitbock. See how our community is transforming their habits."
+          description="Real users achieving real transformations. See the proven power of Habitbock Ultimate Habit Tracker System."
-          tag="Social Proof"
+          tag="Social Proof Gallery"
-          tagAnimation="none"
+          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: "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."},
-            {
-              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."},
           ]}
           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: "System Features", href: "#benefits" },
-                { label: "Pricing", href: "#hero" },
+                { label: "Pricing", href: "#pricing" },
-                { label: "Security", href: "#" },
+                { 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" },
               ],
             },

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #ffffff;
-  --card: #ffffff;
+  --card: #f9f9f9;
-  --foreground: #1b0c25;
+  --foreground: #000612e6;
   --primary-cta: #00AEEF;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #1b0c25;
-  --accent: #ff93e4;
+  --accent: #e2e2e2;
-  --background-accent: #e8a8c3;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);