Update src/app/page.tsx

Merge version_1 into main

src/app/goals/page.tsx

@@ -0,0 +1,86 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Facebook, Linkedin, Twitter } from "lucide-react";
+
+export default function GoalsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="medium"
+      background="floatingGradient"
+      cardStyle="solid"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="glass"
+      headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Biznes Topish", id: "/#biznes-topish" },
+              { name: "Mening Biznes Profilim", id: "/profile" },
+              { name: "Yangi Biznes Qo'shish", id: "/register" },
+              { name: "Goals", id: "/goals" }
+            ]}
+            logoSrc="http://img.b2bpic.net/free-vector/illustration-entrepreneur-conccept_53876-5536.jpg"
+            logoAlt="Biznes-Hub Logo"
+            brandName="Biznes-Hub"
+            button={{
+              text: "Get Started",              href: "/register"
+            }}
+          />
+        </div>
+
+        <div id="goals" data-section="goals">
+          <MetricCardSeven
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              {
+                id: "goal-1",                value: "500,000 $",                title: "Dream Home",                items: [
+                  "Savings Needed: 400,000 $",                  "Current Income: 5,000 $ / month",                  "Remaining: 250,000 $"
+                ]
+              },
+              {
+                id: "goal-2",                value: "1,000,000 $",                title: "Retirement Fund",                items: [
+                  "Savings Needed: 800,000 $",                  "Current Income: 7,000 $ / month",                  "Remaining: 600,000 $"
+                ]
+              },
+              {
+                id: "goal-3",                value: "200,000 $",                title: "Startup Capital",                items: [
+                  "Savings Needed: 150,000 $",                  "Current Income: 3,000 $ / month",                  "Remaining: 100,000 $"
+                ]
+              }
+            ]}
+            title="Financial Goals Tracker"
+            description="Set your financial objectives, track your progress, and visualize your path to success."
+            animationType="slide-up"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoSrc="http://img.b2bpic.net/free-vector/illustration-entrepreneur-conccept_53876-5536.jpg"
+            logoAlt="Biznes-Hub Logo"
+            logoText="Biznes-Hub"
+            copyrightText="© 2024 Biznes-Hub. Barcha huquqlar himoyalangan."
+            socialLinks={[
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+              { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+              { icon: Twitter, href: "#", ariaLabel: "Twitter" }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -37,6 +37,8 @@ export default function LandingPage() {
           name: "Mening Biznes Profilim",          id: "/profile"},
         {
           name: "Yangi Biznes Qo'shish",          id: "/register"},
+        {
+          name: "Goals",          id: "/goals"},
       ]}
       logoSrc="http://img.b2bpic.net/free-vector/illustration-entrepreneur-conccept_53876-5536.jpg"
       logoAlt="Biznes-Hub Logo"
@@ -206,4 +208,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}