Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -29,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Features", id: "features" },
-          name: "Features",
+        { name: "Pricing", id: "pricing" },
-          id: "features",
+        { name: "Testimonials", id: "testimonials" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="HabitTrack"
     />
@@ -52,64 +40,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
+      title="Redefine Discipline."
-      }}
+      description="A bold habit tracker designed to turn goals into reality. Experience a high-contrast, immersive environment built for focus."
-      title="Master Your Habits, Own Your Future."
+      avatars={[]}
-      description="The ultimate habit tracking platform built for high performers. Visualize your progress, maintain your streaks, and optimize your daily routine with a sleek red and black interface."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-joyful-developer-writing-lines-code-notebook-close-up_482257-98036.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405989.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/serious-confident-business-coach-posing-with-arms-folded_74855-3084.jpg",
-          alt: "User 5",
-        },
-      ]}
       buttons={[
-        {
+        { text: "Get Started", href: "#contact" },
-          text: "Get Started",
+        { text: "Features", href: "#features" },
-          href: "#contact",
-        },
-        {
-          text: "View Features",
-          href: "#features",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Productivity Optimized",
-        },
-        {
-          type: "text",
-          text: "Streak Tracking",
-        },
-        {
-          type: "text",
-          text: "Data Driven",
-        },
-        {
-          type: "text",
-          text: "High Performance",
-        },
-        {
-          type: "text",
-          text: "Seamless Integration",
-        },
       ]}
     />
   </div>
@@ -121,24 +58,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "1", value: "100%", description: "Intensity" },
-          id: "1",
+        { id: "2", value: "24/7", description: "Available" },
-          value: "500K+",
+        { id: "3", value: "Max", description: "Focus" },
-          description: "Active Users",
-        },
-        {
-          id: "2",
-          value: "12M+",
-          description: "Habits Completed",
-        },
-        {
-          id: "3",
-          value: "98%",
-          description: "Success Rate",
-        },
       ]}
-      title="Results You Can Measure"
+      title="Peak Performance"
-      description="See the impact of consistency on your daily life with our powerful analytics engine."
+      description="Driven by data, styled for dominance."
     />
   </div>
 
@@ -148,42 +73,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "f1", title: "Streak Focus", author: "System", description: "Zero-tolerance for missed days.", tags: ["Focus"], imageSrc: "http://img.b2bpic.net/free-photo/red-black-abstract_23-2149405989.jpg" },
-          id: "f1",
-          title: "Streak Tracking",
-          author: "System",
-          description: "Watch your progress grow with visual streaks that keep you motivated.",
-          tags: [
-            "Analytics",
-            "Motivation",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-computer_23-2150372439.jpg?_wi=1",
-        },
-        {
-          id: "f2",
-          title: "Goal Setting",
-          author: "System",
-          description: "Define clear milestones and track your journey to completion in real-time.",
-          tags: [
-            "Planning",
-            "Goals",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-computer_23-2150372439.jpg?_wi=2",
-        },
-        {
-          id: "f3",
-          title: "Insights & Analytics",
-          author: "System",
-          description: "In-depth insights into your behavior patterns and performance improvements.",
-          tags: [
-            "Data",
-            "Insights",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-computer_23-2150372439.jpg?_wi=3",
-        },
       ]}
-      title="Designed for Consistency"
+      title="Core Habit Tracking"
-      description="Features that make habit tracking effortless and rewarding every single day."
+      description="Tools engineered to keep you in the zone."
     />
   </div>
 
@@ -193,78 +86,18 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       plans={[
-        {
+        { id: "basic", badge: "Essential", price: "Free", subtitle: "Start now", features: ["Standard tracking"] },
-          id: "basic",
-          badge: "Essential",
-          price: "$0",
-          subtitle: "Perfect for beginners",
-          features: [
-            "Basic tracking",
-            "3 active habits",
-            "Mobile support",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Pro",
-          price: "$9/mo",
-          subtitle: "For focused high-performers",
-          features: [
-            "Unlimited habits",
-            "Advanced analytics",
-            "Cloud sync",
-            "Custom reminders",
-          ],
-        },
-        {
-          id: "team",
-          badge: "Enterprise",
-          price: "$29/mo",
-          subtitle: "Team accountability",
-          features: [
-            "Shared dashboards",
-            "Team reports",
-            "Admin panel",
-            "Priority support",
-          ],
-        },
       ]}
-      title="Plans That Scale With You"
+      title="Choose Your Path"
-      description="Choose the right plan to jumpstart your consistency journey today."
+      description="Premium features for those who take habits seriously."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
       useInvertedBackground={false}
-      testimonials={[
+      testimonials={[]}
-        {
+      cardTitle="User Success"
-          id: "1",
-          name: "Alex Rivet",
-          imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
-        },
-        {
-          id: "2",
-          name: "Sam Thorne",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-developer-writing-lines-code-notebook-close-up_482257-98036.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena Ross",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405989.jpg",
-        },
-        {
-          id: "4",
-          name: "Mark V.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",
-        },
-        {
-          id: "5",
-          name: "Sarah Lee",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-confident-business-coach-posing-with-arms-folded_74855-3084.jpg",
-        },
-      ]}
-      cardTitle="Loved by Thousands"
       cardTag="Testimonials"
       cardAnimation="slide-up"
     />
@@ -273,65 +106,18 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
+      tag="Join Us"
-      }}
+      title="Ignite Your Progress"
-      tag="Get Started"
+      description="Be among the first to master the red-black interface."
-      title="Ready to Transform Your Habits?"
+      buttons={[{ text: "Contact", href: "#" }]}
-      description="Join thousands of users who are already optimizing their daily routine. Start tracking for free today."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseCard
       logoText="HabitTrack"
-      columns={[
+      columns={[]}
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
     />
   </div>
       </ReactLenis>