{children}
+ Shadcn Admin
+{AdminAppName}
{children} diff --git a/frontend/src/pages/auth/sign-in/sign-in-2.tsx b/frontend/src/pages/auth/sign-in/sign-in-2.tsx index c40cc93..0ab9dfa 100644 --- a/frontend/src/pages/auth/sign-in/sign-in-2.tsx +++ b/frontend/src/pages/auth/sign-in/sign-in-2.tsx @@ -1,5 +1,6 @@ import ViteLogo from "@/assets/vite.svg"; import { UserAuthForm } from "./components/user-auth-form"; +import { AdminAppName } from "@/config/manifest"; export default function SignIn2() { return ( @@ -18,7 +19,7 @@ export default function SignIn2() { className="mr-2 h-6 w-6">Ready to Get Started?
+Join today and start managing your shop with ease.
+ + + ); + }; \ No newline at end of file diff --git a/frontend/src/pages/home/components/faq.tsx b/frontend/src/pages/home/components/faq.tsx new file mode 100644 index 0000000..7806af3 --- /dev/null +++ b/frontend/src/pages/home/components/faq.tsx @@ -0,0 +1,25 @@ +import { + Accordion, + AccordionContent, + AccordionItem, + AccordionTrigger +} from "@/components/ui/accordion"; +import { faqs } from "../data/faq-data"; + +export default function FAQ() { + return ( +
+
+ {faqs.map((faq, index) => (
+
+ {faq.question}
+ {faq.answer}
+
+ ))}
+
+
+ );
+}
diff --git a/frontend/src/pages/home/components/features.tsx b/frontend/src/pages/home/components/features.tsx
new file mode 100644
index 0000000..43717aa
--- /dev/null
+++ b/frontend/src/pages/home/components/features.tsx
@@ -0,0 +1,19 @@
+import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card";
+import { features } from "../data/feature-data";
+
+export default function Features() {
+ return (
+ + Frequently Asked Questions +
+
+ {features.map((feature, index) => (
+
+
+ {feature.title}
+
+
+
+
+ ))}
+
+ );
+}
diff --git a/frontend/src/pages/home/components/hero.tsx b/frontend/src/pages/home/components/hero.tsx
new file mode 100644
index 0000000..d23ce32
--- /dev/null
+++ b/frontend/src/pages/home/components/hero.tsx
@@ -0,0 +1,11 @@
+export default function Hero() {
+ return (
+ {feature.description}
+Manage Your Shop with Ease
++ A powerful multitenant API for inventory and product management. Define + your products, manage stock, and handle purchases effortlessly. +
+
+
+ );
+}
diff --git a/frontend/src/pages/home/data/faq-data.ts b/frontend/src/pages/home/data/faq-data.ts
new file mode 100644
index 0000000..786d310
--- /dev/null
+++ b/frontend/src/pages/home/data/faq-data.ts
@@ -0,0 +1,15 @@
+export const faqs = [
+ {
+ question: "How do I get started?",
+ answer:
+ "Sign up for a free account and start integrating our API into your shop."
+ },
+ {
+ question: "Can I upgrade or downgrade my plan?",
+ answer: "Yes, you can change your plan anytime from your dashboard."
+ },
+ {
+ question: "Is there customer support?",
+ answer: "Yes, we offer different levels of support depending on your plan."
+ }
+];
diff --git a/frontend/src/pages/home/data/feature-data.ts b/frontend/src/pages/home/data/feature-data.ts
new file mode 100644
index 0000000..4c06595
--- /dev/null
+++ b/frontend/src/pages/home/data/feature-data.ts
@@ -0,0 +1,31 @@
+export const features = [
+ {
+ title: "Inventory Control",
+ description:
+ "Easily manage product stock, availability, and updates in real time."
+ },
+ {
+ title: "Flexible API",
+ description:
+ "Build custom storefronts with a backend that adapts to your needs."
+ },
+ {
+ title: "Seamless Transactions",
+ description: "Handle purchases smoothly with minimal backend complexity."
+ },
+ {
+ title: "User Roles & Permissions",
+ description:
+ "Predefined roles (Owner, Manager, Employee) with different access levels to manage store operations efficiently."
+ },
+ {
+ title: "Multi-Currency Support",
+ description:
+ "Each shop can define its default currency to handle transactions in the appropriate financial context."
+ },
+ {
+ title: "Future-Ready Analytics",
+ description:
+ "Upcoming analytics and statistics to help businesses track performance and make data-driven decisions."
+ }
+];
\ No newline at end of file
diff --git a/frontend/src/pages/home/data/pricing-data.ts b/frontend/src/pages/home/data/pricing-data.ts
new file mode 100644
index 0000000..9e8b85e
--- /dev/null
+++ b/frontend/src/pages/home/data/pricing-data.ts
@@ -0,0 +1,20 @@
+export const plans = [
+ {
+ title: "Free Plan",
+ price: "$0/month",
+ description: "Basic features for small shops starting out.",
+ features: ["Basic Inventory Management", "Limited API Requests", "Community Support"]
+ },
+ {
+ title: "Pro Plan",
+ price: "$29/month",
+ description: "For growing businesses needing more control.",
+ features: ["Advanced Inventory Management", "Higher API Limits", "Email Support"]
+ },
+ {
+ title: "Enterprise Plan",
+ price: "$99/month",
+ description: "For high-scale businesses requiring full access.",
+ features: ["Unlimited API Access", "Priority Support", "Custom Integrations"]
+ }
+ ];
\ No newline at end of file
diff --git a/frontend/src/pages/home/index.tsx b/frontend/src/pages/home/index.tsx
index a487dd0..3fc42af 100644
--- a/frontend/src/pages/home/index.tsx
+++ b/frontend/src/pages/home/index.tsx
@@ -1,100 +1,26 @@
-import { useState } from "react";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Label } from "@/components/ui/label";
+import MainNavbar from "@/components/main-navbar";
+import Features from "./components/features";
+import Hero from "./components/hero";
+import Pricing from "./components/pricing";
+import FAQ from "./components/faq";
+import CallToAction from "./components/call-to-action";
export default function MainPage() {
- const [email, setEmail] = useState("");
- const [password, setPassword] = useState("");
- const [username, setUsername] = useState("");
-
return (
- Pricing Plans
++ Prices are subject to change. These estimates help guide your decision. +
+
+ {plans.map((plan, index) => (
+
+
+ {plan.title}
+
+
+
+
+ ))}
+
+ {plan.price}
+{plan.description}
+-
+ {plan.features.map((feature, i) => (
+
- + {feature} + + ))} +
- {/* Showcase Section */}
-
-
+ <>
+
+
);
}
diff --git a/frontend/src/routes/_authenticated/route.tsx b/frontend/src/routes/_authenticated/route.tsx
index 87ee918..4baf216 100644
--- a/frontend/src/routes/_authenticated/route.tsx
+++ b/frontend/src/routes/_authenticated/route.tsx
@@ -8,9 +8,9 @@ import SkipToMain from "@/components/skip-to-main";
export const Route = createFileRoute("/_authenticated")({
beforeLoad: async ({ location }) => {
- if (true) {
+ if (false) {
throw redirect({
- to: "/sign-in",
+ to: "/401",
search: {
redirect: location.href
}
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 730acd0..d162b1a 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -50,6 +50,28 @@ export default {
'4': 'hsl(var(--chart-4))',
'5': 'hsl(var(--chart-5))'
}
+ },
+ keyframes: {
+ 'accordion-down': {
+ from: {
+ height: '0'
+ },
+ to: {
+ height: 'var(--radix-accordion-content-height)'
+ }
+ },
+ 'accordion-up': {
+ from: {
+ height: 'var(--radix-accordion-content-height)'
+ },
+ to: {
+ height: '0'
+ }
+ }
+ },
+ animation: {
+ 'accordion-down': 'accordion-down 0.2s ease-out',
+ 'accordion-up': 'accordion-up 0.2s ease-out'
}
}
},
Welcome to Our Platform
-- A place where you can explore, connect, and engage. Sign up or log in - to get started. -
- -
- {/* Authentication Section */}
-
-
- Join Us
-
-
-
-
- Login
- Register
-
+ {/* Top screen padding */}
+
+
-
-
-
- {/* Register Tab */}
-
-
-
-
-
-
-
+ {/* [Optional] Consider inserting an image or illustration here to reinforce the platform’s purpose. */}
+