Merge version_3 into main

Merge version_3 into main

src/app/admin/dashboard/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import { Package, Truck, Users, DollarSign } from "lucide-react";
+
+export default function AdminDashboardPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="none"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="light"
+    >
+      <div className="p-8">
+        <h1 className="text-4xl font-bold mb-8">Dashboard</h1>
+        <MetricCardOne
+            title="Operations Overview"
+            description="Real-time summary of your ice supply business."
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            metrics={[
+                { id: "1", value: "185", title: "Active Partners", description: "Currently served businesses", icon: Users },
+                { id: "2", value: "42", title: "Deliveries Today", description: "Completed dispatch jobs", icon: Truck },
+                { id: "3", value: "8.2t", title: "Total Volume", description: "Tons of ice distributed", icon: Package },
+                { id: "4", value: "Rp 12M", title: "Daily Revenue", description: "Estimated daily earnings", icon: DollarSign }
+            ]}
+            textboxLayout="default"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/admin/login/page.tsx

@@ -0,0 +1,36 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+
+export default function AdminLoginPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="none"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="light"
+    >
+      <div className="min-h-screen flex items-center justify-center p-4">
+        <div className="w-full max-w-md">
+          <ContactSplitForm
+            title="Admin Login"
+            description="Sign in to manage your crystal ice supply operations."
+            inputs={[
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+              { name: "password", type: "password", placeholder: "Password", required: true }
+            ]}
+            buttonText="Sign In"
+            onSubmit={(data) => console.log("Login Attempt:", data)}
+          />
+        </div>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -39,6 +39,8 @@ export default function LandingPage() {
           name: "Testimonials",          id: "testimonials"},
         {
           name: "Order Now",          id: "cta"},
+        {
+          name: "Admin",          id: "admin"},
       ]}
       brandName="Super Crystal"
     />
@@ -241,34 +243,12 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="Super Crystal"
-      columns={[
-        {
-          title: "Navigation",          items: [
-            {
-              label: "Home",              href: "#hero"},
-            {
-              label: "Services",              href: "#products"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "WhatsApp",              href: "https://wa.me/628123456789"},
-            {
-              label: "FAQ",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
-      ]}
+      leftLink={{
+        text: "Admin Panel",        href: "/admin"}}
+      rightLink={{
+        text: "© 2025",        href: "#"}}
     />
   </div>
       </ReactLenis>