Update src/app/page.tsx

Merge version_2 into main

src/app/admin/page.tsx

@@ -1,72 +1,53 @@
 "use client";
 
+import { useState } from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import FooterCard from '@/components/sections/footer/FooterCard';
-import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 
 export default function AdminPage() {
+  const [templates, setTemplates] = useState([]);
+
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
+      defaultButtonVariant="text-stagger"
-        defaultTextAnimation="background-highlight"
+      defaultTextAnimation="background-highlight"
-        borderRadius="pill"
+      borderRadius="pill"
-        contentWidth="medium"
+      contentWidth="medium"
-        sizing="medium"
+      sizing="medium"
-        background="circleGradient"
+      background="circleGradient"
-        cardStyle="glass-elevated"
+      cardStyle="glass-elevated"
-        primaryButtonStyle="gradient"
+      primaryButtonStyle="gradient"
-        secondaryButtonStyle="glass"
+      secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+      headingFontWeight="normal"
     >
-      <ReactLenis root>
+      <NavbarStyleFullscreen
-        <div style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EACxAErYjKmkktsc1OnkSFxcSZ/uploaded-1779613980939-kyufwnfu.jpg')", backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
+        navItems={[
-          <div id="nav" data-section="nav">
+          { name: "Home", id: "/" },
-            <NavbarStyleFullscreen
+          { name: "Templates", id: "/templates" },
-              navItems={[
+          { name: "Freebies", id: "/freebies" },
-                { name: "Home", id: "/" },
+          { name: "About", id: "/about" },
-                { name: "Templates", id: "/templates" },
+          { name: "Admin", id: "/admin" },
-                { name: "Freebies", id: "/freebies" },
+        ]}
-                { name: "About", id: "/about" },
+        brandName="BrightBytee Studios"
-                { name: "Admin", id: "/admin" },
+      />
-              ]}
+      <main className="pt-32 pb-20 px-6 container mx-auto">
-              brandName="BrightBytee Studios"
+        <h1 className="text-4xl font-bold mb-8">Admin Dashboard</h1>
-            />
+        <div className="bg-white/10 p-8 rounded-2xl backdrop-blur-md">
+          <h2 className="text-2xl font-semibold mb-6">Template Management</h2>
+          <div className="border-2 border-dashed border-white/20 p-12 text-center rounded-xl">
+             <p className="mb-4">Upload new templates for the storefront.</p>
+             <button className="bg-primary text-white px-6 py-2 rounded-full">Choose Files</button>
           </div>
-
+          <div className="mt-8">
-          <div id="about" data-section="about">
+            <h3 className="text-xl mb-4">Current Templates</h3>
-            <MediaAbout
+            {templates.length === 0 ? (
-              useInvertedBackground={false}
+              <p className="text-sm opacity-70">No templates uploaded yet.</p>
-              title="Admin Control Portal"
+            ) : (
-              description="Securely manage templates, monitor sales, and view analytics for the entire studio ecosystem."
+              <div>{/* Template list logic */}</div>
-              imageSrc="http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg"
+            )}
-            />
-          </div>
-
-          <div id="pricing" data-section="pricing">
-            <PricingCardOne
-              animationType="slide-up"
-              textboxLayout="default"
-              useInvertedBackground={false}
-              title="Manage Operations"
-              description="Direct access to product lifecycle and customer support ticketing."
-              plans={[
-                { id: "a1", badge: "Analytics", price: "₹N/A", subtitle: "Live statistics", features: ["Sales Tracking", "Template Performance", "User Insights"] },
-                { id: "a2", badge: "Support", price: "₹N/A", subtitle: "Customer hub", features: ["Manage Tickets", "Refund Processing", "Priority Communications"] }
-              ]}
-            />
-          </div>
-
-          <div id="footer" data-section="footer">
-            <FooterCard
-              logoText="BrightBytee Studios"
-              copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
-            />
           </div>
         </div>
-      </ReactLenis>
+      </main>
     </ThemeProvider>
   );
 }