Merge version_2 into main

Merge version_2 into main

src/app/admin/page.tsx

@@ -0,0 +1,64 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import { Users, Package, ShoppingCart, BarChart3 } from 'lucide-react';
+
+export default function AdminDashboardPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="compact"
+        sizing="largeSmallSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Dashboard", id: "dashboard" },
+              { name: "Vendor Management", id: "vendors" },
+              { name: "Inventory", id: "inventory" },
+              { name: "Orders", id: "orders" },
+              { name: "User Management", id: "users" },
+            ]}
+            brandName="Admin Panel"
+          />
+        </div>
+
+        <div id="dashboard" data-section="dashboard" className="pt-24">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Admin Overview"
+            description="Real-time insights into your platform operations."
+            metrics={[
+              { id: "1", icon: BarChart3, title: "Total Revenue", value: "$124,500" },
+              { id: "2", icon: ShoppingCart, title: "Active Orders", value: "48" },
+              { id: "3", icon: Package, title: "Low Stock", value: "12 Items" },
+              { id: "4", icon: Users, title: "Total Users", value: "2,840" },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Innovation"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Contact Support", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/delivery-tracking/page.tsx

@@ -0,0 +1,62 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Package } from 'lucide-react';
+
+export default function DeliveryTrackingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="compact"
+        sizing="largeSmallSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Tracking", id: "/delivery-tracking" }
+          ]}
+          brandName="Innovation"
+        />
+
+        <main className="container mx-auto py-24 px-4">
+          <div className="max-w-4xl mx-auto">
+            <h1 className="text-4xl font-extrabold mb-8 flex items-center gap-4">
+              <Package size={40} /> Order Tracking
+            </h1>
+            <div className="bg-white/50 p-8 rounded-xl shadow-lg border border-white/20">
+              <div className="mb-6">
+                <label className="block text-sm font-medium mb-2">Enter Tracking Number</label>
+                <div className="flex gap-4">
+                  <input type="text" className="flex-grow p-3 rounded-lg border" placeholder="e.g., INV-123456789" />
+                  <button className="px-6 py-3 bg-blue-600 text-white rounded-lg">Track</button>
+                </div>
+              </div>
+              <div className="space-y-4">
+                <h3 className="font-bold">Recent Shipments:</h3>
+                <div className="p-4 bg-gray-50 rounded-lg">Order #INV-99887766 - <span className="text-green-600">In Transit</span></div>
+                <div className="p-4 bg-gray-50 rounded-lg">Order #INV-55443322 - <span className="text-blue-600">Out for Delivery</span></div>
+              </div>
+            </div>
+          </div>
+        </main>
+
+        <FooterLogoReveal
+          logoText="Innovation"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Contact Support", href: "#" }}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -8,8 +8,8 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Zap, Layout, Shield, Brain } from 'lucide-react';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import { Zap, Layout, Shield, Brain, Stethoscope, Award, HeartPulse } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -65,21 +65,13 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",          name: "Nexus Phone X",          price: "$999",          imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-two-croissants_23-2149277917.jpg"},
-        {
-          id: "2",          name: "Pro Laptop 16",          price: "$2499",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722646.jpg"},
-        {
-          id: "3",          name: "Core Watch",          price: "$399",          imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-tablet-near-keyboard_23-2147864695.jpg"},
-        {
-          id: "4",          name: "Sonic Buds",          price: "$249",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072204.jpg"},
-        {
-          id: "5",          name: "Vision Tablet",          price: "$799",          imageSrc: "http://img.b2bpic.net/free-photo/few-electronic-devices-displayed-grey-background-smart-phone-pad-calculator-all-digital-except-pen-scene-workplace_1372-24.jpg"},
-        {
-          id: "6",          name: "Atom Desktop",          price: "$1899",          imageSrc: "http://img.b2bpic.net/free-photo/office-with-computer-glass-table_1232-513.jpg"},
+        { id: "1", name: "Nexus Diagnostic Pro", price: "$1,299", imageSrc: "http://img.b2bpic.net/free-photo/medical-equipment-technology_23-2149179836.jpg" },
+        { id: "2", name: "Vital Watch Clinical", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/smart-watch-clinical_23-2149028374.jpg" },
+        { id: "3", name: "MediCore Tablet", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/tablet-medical-dashboard_23-2149078654.jpg" },
+        { id: "4", name: "NeuroPulse Buds", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/wireless-audio-med_23-2149234876.jpg" },
       ]}
-      title="Our Latest Collection"
-      description="Precision-engineered devices designed to seamlessly integrate into your daily life."
+      title="Medical Grade Tech"
+      description="High-performance devices designed for healthcare environments and professional wellness monitoring."
     />
   </div>
 
@@ -88,18 +80,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Hyper-Fast Processing",          description: "Next-gen architecture for instantaneous performance.",          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139239.jpg",          buttonIcon: Zap,
-        },
-        {
-          title: "Fluid UI Design",          description: "A seamless interface that anticipates your next move.",          imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148367849.jpg",          buttonIcon: Layout,
-        },
-        {
-          title: "Precision Build",          description: "Crafted from aircraft-grade materials for durability.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ophthalmologist-s-tools_23-2150917662.jpg",          buttonIcon: Shield,
-        },
-        {
-          title: "Intelligent Integration",          description: "AI-driven features that simplify your day.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-particles_1048-13122.jpg",          buttonIcon: Brain,
-        },
+        { title: "Clinical Accuracy", description: "High-precision sensors verified for professional use.", imageSrc: "http://img.b2bpic.net/free-photo/medical-sensor-tech_23-2149179836.jpg", buttonIcon: Stethoscope },
+        { title: "HIPAA Compliant", description: "Secured protocols ensuring total patient data privacy.", imageSrc: "http://img.b2bpic.net/free-photo/secure-data-server_23-2149078654.jpg", buttonIcon: Shield },
+        { title: "Rapid Data Analysis", description: "Instant processing of critical vitals and metrics.", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-screen_23-2149028374.jpg", buttonIcon: Zap },
+        { title: "AI-Driven Insights", description: "Advanced algorithms supporting clinical decision making.", imageSrc: "http://img.b2bpic.net/free-photo/brain-ai-model_23-2149234876.jpg", buttonIcon: Brain },
       ]}
       title="Engineering Perfection"
       description="Every detail matters. We craft our technology to deliver elite power and style."
@@ -107,23 +91,17 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
+      <TestimonialCardTwo
       textboxLayout="split"
+      animationType="depth-3d"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          title: "Game Changer",          quote: "The performance is simply unmatched.",          name: "Alex River",          role: "Creative Lead",          imageSrc: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg"},
-        {
-          id: "2",          title: "Essential",          quote: "My workflow has never been faster.",          name: "Sarah Chen",          role: "Architect",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-bruises_1098-1086.jpg"},
-        {
-          id: "3",          title: "Stunning",          quote: "Design that finally feels like the future.",          name: "Marcus Thorne",          role: "Designer",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg"},
-        {
-          id: "4",          title: "Reliable",          quote: "The standard of build quality is incredible.",          name: "Elena Rossi",          role: "DevOps",          imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg"},
-        {
-          id: "5",          title: "Efficient",          quote: "Elegant solutions for complex tasks.",          name: "David Wu",          role: "CTO",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-executive_1098-4078.jpg"},
+        { id: "1", name: "Dr. Aris Thorne", role: "Lead Cardiologist", testimonial: "The accuracy of these devices is standard-setting. Essential for our clinical workflow.", icon: HeartPulse },
+        { id: "2", name: "Sarah Chen, RN", role: "Clinical Manager", testimonial: "Ease of use meets medical grade build quality. Truly a leap forward in care tech.", icon: Award },
+        { id: "3", name: "Dr. Marcus Vane", role: "Chief of Surgery", testimonial: "Integrates seamlessly with existing systems. Highly recommended for modern hospitals.", icon: Shield },
       ]}
-      title="Voices of Innovation"
-      description="See why industry leaders trust us."
+      title="Clinical Trust"
+      description="Voices from the frontline of medical innovation."
     />
   </div>
 
@@ -131,10 +109,9 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      title="Trusted by Industry Leaders"
-      description="Join thousands of professionals driving the future of tech."
-      names={[
-        "Global Tech",        "Innovate Inc",        "Future Dynamics",        "Visionary Systems",        "Advanced Core"]}
+      title="Certified Medical Partners"
+      description="Trusted by premier healthcare institutions and research facilities globally."
+      names={["St. Jude Research", "Global Health Systems", "MediClinic Corp", "Vane Surgical Institute", "BioCore Labs"]}
     />
   </div>
 
@@ -150,4 +127,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffffe6;
-  --primary-cta: #e6e6e6;
+  --background: #f0fdf9;
+  --card: #ffffff;
+  --foreground: #064e3b;
+  --primary-cta: #059669;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --accent: #a7f3d0;
+  --background-accent: #d1fae5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);