diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..519c1ba --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,114 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import SplitAbout from '@/components/sections/about/SplitAbout'; + +const globalNavItems = [ + { name: "Home", id: "/" }, + { name: "About", id: "/about" }, + { name: "Features", id: "/features" }, + { name: "Metrics", id: "/#metrics" }, + { name: "Pricing", id: "/#pricing" }, + { name: "Testimonials", id: "/#testimonials" }, + { name: "FAQ", id: "/faq" }, + { name: "Contact", id: "/contact" }, + { name: "Terms of Service", id: "/terms-of-service" }, + { name: "Privacy Policy", id: "/privacy-policy" }, + { name: "Risk Disclaimer", id: "/risk-disclaimer" } +]; + +const globalFooterColumns = [ + { + title: "Platform", items: [ + { label: "Features", href: "/features" }, + { label: "Pricing", href: "/#pricing" }, + { label: "How It Works", href: "/about" } + ] + }, + { + title: "Company", items: [ + { label: "About Us", href: "/about" }, + { label: "Careers", href: "#" }, + { label: "Blog", href: "#" } + ] + }, + { + title: "Support", items: [ + { label: "FAQ", href: "/faq" }, + { label: "Help Center", href: "#" }, + { label: "Contact Us", href: "/contact" } + ] + }, + { + title: "Legal", items: [ + { label: "Privacy Policy", href: "/privacy-policy" }, + { label: "Terms of Service", href: "/terms-of-service" }, + { label: "Risk Disclaimer", href: "/risk-disclaimer" } + ] + } +]; + +export default function AboutPage() { + return ( + + + + +
+ +
+ + + + + ); +} diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx new file mode 100644 index 0000000..2ae3c82 --- /dev/null +++ b/src/app/admin/page.tsx @@ -0,0 +1,130 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; +import FooterSimple from "@/components/sections/footer/FooterSimple"; +import CardStack from "@/components/cardStack/CardStack"; +import { Users, FileText, Newspaper, Brain, BarChart, Bell, CreditCard } from "lucide-react"; + +export default function AdminPage() { + return ( + + + + +
+ +
+ +

User Management

+

Manage user accounts, roles, and permissions.

+
+
+ +

Content Management

+

Create, edit, and publish website content, pages, and media.

+
+
+ +

News Management

+

Oversee news articles, announcements, and blog posts.

+
+
+ +

AI Settings

+

Configure AI-driven features and automations.

+
+
+ +

Website Analytics

+

Monitor website performance, traffic, and user behavior.

+
+
+ +

Alert Management

+

Set up and manage system alerts and notifications.

+
+
+ +

Subscription Management

+

Handle user subscriptions, plans, and billing.

+
+ +
+ + + + + ); +} diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..6e30b42 --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,109 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import ContactText from '@/components/sections/contact/ContactText'; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; + +const globalNavItems = [ + { name: "Home", id: "/" }, + { name: "About", id: "/about" }, + { name: "Features", id: "/features" }, + { name: "Metrics", id: "/#metrics" }, + { name: "Pricing", id: "/#pricing" }, + { name: "Testimonials", id: "/#testimonials" }, + { name: "FAQ", id: "/faq" }, + { name: "Contact", id: "/contact" }, + { name: "Terms of Service", id: "/terms-of-service" }, + { name: "Privacy Policy", id: "/privacy-policy" }, + { name: "Risk Disclaimer", id: "/risk-disclaimer" } +]; + +const globalFooterColumns = [ + { + title: "Platform", items: [ + { label: "Features", href: "/features" }, + { label: "Pricing", href: "/#pricing" }, + { label: "How It Works", href: "/about" } + ] + }, + { + title: "Company", items: [ + { label: "About Us", href: "/about" }, + { label: "Careers", href: "#" }, + { label: "Blog", href: "#" } + ] + }, + { + title: "Support", items: [ + { label: "FAQ", href: "/faq" }, + { label: "Help Center", href: "#" }, + { label: "Contact Us", href: "/contact" } + ] + }, + { + title: "Legal", items: [ + { label: "Privacy Policy", href: "/privacy-policy" }, + { label: "Terms of Service", href: "/terms-of-service" }, + { label: "Risk Disclaimer", href: "/risk-disclaimer" } + ] + } +]; + +export default function ContactPage() { + return ( + + + + +
+ +
+ + + + + ); +} diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx new file mode 100644 index 0000000..2177e93 --- /dev/null +++ b/src/app/dashboard/page.tsx @@ -0,0 +1,113 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog'; +import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour'; +import { LayoutDashboard } from "lucide-react"; // Import necessary icons + +export default function DashboardPage() { + const commonNavItems = [ + { name: "Home", id: "#home" }, + { name: "Dashboard", id: "/dashboard" }, + { name: "Profile", id: "/profile" }, + { name: "Features", id: "#features" }, + { name: "Metrics", id: "#metrics" }, + { name: "Pricing", id: "#pricing" }, + { name: "Testimonials", id: "#testimonials" }, + { name: "FAQ", id: "#faq" }, + { name: "Contact", id: "#contact" }, + ]; + + const themeProps = { // Copy from src/app/page.tsx + defaultButtonVariant: "bounce-effect", defaultTextAnimation: "entrance-slide", borderRadius: "soft", contentWidth: "compact", sizing: "largeSmallSizeMediumTitles", background: "fluid", cardStyle: "inset", primaryButtonStyle: "radial-glow", secondaryButtonStyle: "layered", headingFontWeight: "semibold"}; + + const dummyWatchlistProducts = [ + { id: "crypto1", name: "Bitcoin", category: "Cryptocurrency", price: "$65,000", rating: 5, reviewCount: "10k+", imageSrc: "http://img.b2bpic.net/free-vector/bitcoin-symbol-cryptocurrency-blockchain-technology-background_1017-32766.jpg" }, + { id: "crypto2", name: "Ethereum", category: "Cryptocurrency", price: "$3,500", rating: 4.8, reviewCount: "8k+", imageSrc: "http://img.b2bpic.net/free-vector/blockchain-ethereum-cryptocurrency-virtual-money-business-vector-illustration_53876-116361.jpg" }, + { id: "crypto3", name: "Ripple", category: "Cryptocurrency", price: "$0.50", rating: 4.2, reviewCount: "5k+", imageSrc: "http://img.b2bpic.net/free-vector/xrp-ripple-cryptocurrency-coin-flat-vector-illustration_1017-33100.jpg" } + ]; + + const dashboardFeatures = [ + { id: "df1", title: "View Market Trends", author: "CryptoSphere", description: "Access real-time market data and analytics for your watchlist.", tags: ["Analytics", "Market"], imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-stock-charts_23-2150935579.jpg" }, + { id: "df2", title: "Manage Alerts", author: "CryptoSphere", description: "Set price alerts and notifications for significant movements.", tags: ["Notifications", "Watchlist"], imageSrc: "http://img.b2bpic.net/free-photo/financial-trading-charts-digital-screen_53876-101119.jpg" }, + { id: "df3", title: "Quick Buy/Sell", author: "CryptoSphere", description: "Execute trades directly from your dashboard with one click.", tags: ["Trading", "Efficiency"], imageSrc: "http://img.b2bpic.net/free-photo/young-man-trading-online-stock-market-mobile-app-phone-investing-currency_23-2149176461.jpg" } + ]; + + return ( + + + + +
+ +
+ +
+ +
+ + + + + ); +} diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx new file mode 100644 index 0000000..9c04391 --- /dev/null +++ b/src/app/features/page.tsx @@ -0,0 +1,115 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight'; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; + +const globalNavItems = [ + { name: "Home", id: "/" }, + { name: "About", id: "/about" }, + { name: "Features", id: "/features" }, + { name: "Metrics", id: "/#metrics" }, + { name: "Pricing", id: "/#pricing" }, + { name: "Testimonials", id: "/#testimonials" }, + { name: "FAQ", id: "/faq" }, + { name: "Contact", id: "/contact" }, + { name: "Terms of Service", id: "/terms-of-service" }, + { name: "Privacy Policy", id: "/privacy-policy" }, + { name: "Risk Disclaimer", id: "/risk-disclaimer" } +]; + +const globalFooterColumns = [ + { + title: "Platform", items: [ + { label: "Features", href: "/features" }, + { label: "Pricing", href: "/#pricing" }, + { label: "How It Works", href: "/about" } + ] + }, + { + title: "Company", items: [ + { label: "About Us", href: "/about" }, + { label: "Careers", href: "#" }, + { label: "Blog", href: "#" } + ] + }, + { + title: "Support", items: [ + { label: "FAQ", href: "/faq" }, + { label: "Help Center", href: "#" }, + { label: "Contact Us", href: "/contact" } + ] + }, + { + title: "Legal", items: [ + { label: "Privacy Policy", href: "/privacy-policy" }, + { label: "Terms of Service", href: "/terms-of-service" }, + { label: "Risk Disclaimer", href: "/risk-disclaimer" } + ] + } +]; + +export default function FeaturesPage() { + return ( + + + + +
+ +
+ + + + + ); +} diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx new file mode 100644 index 0000000..0b0205d --- /dev/null +++ b/src/app/login/page.tsx @@ -0,0 +1,156 @@ +"use client"; + +import { useState } from "react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import Input from '@/components/form/Input'; +import ButtonIconArrow from '@/components/button/ButtonIconArrow'; +import Link from 'next/link'; + +export default function LoginPage() { + const [email, setEmail] = useState(""); + const [password, setPassword] = useState(""); + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault(); + console.log("Login attempt with:", { email, password }); + // Implement actual login logic here + }; + + return ( + + + + +
+
+
+

+ Sign in to your account +

+
+
+
+
+ + +
+
+ + +
+
+ +
+
+ + Forgot your password? + +
+
+ +
+ +
+
+
+ Don't have an account?{" "} + + Sign up + +
+
+
+ + + + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 1b64c96..b9cac45 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -60,9 +60,9 @@ export default function LandingPage() { + + + +
+ +
+ +
+ +
+ + + + + ); +} diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx new file mode 100644 index 0000000..0ecd628 --- /dev/null +++ b/src/app/register/page.tsx @@ -0,0 +1,166 @@ +"use client"; + +import { useState } from "react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import Input from '@/components/form/Input'; +import ButtonIconArrow from '@/components/button/ButtonIconArrow'; +import Link from 'next/link'; + +export default function RegisterPage() { + const [email, setEmail] = useState(""); + const [password, setPassword] = useState(""); + const [confirmPassword, setConfirmPassword] = useState(""); + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault(); + if (password !== confirmPassword) { + alert("Passwords do not match!"); + return; + } + console.log("Registration attempt with:", { email, password }); + // Implement actual registration logic here + }; + + return ( + + + + +
+
+
+

+ Create an account +

+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ +
+
+
+ Already have an account?{" "} + + Sign in + +
+
+
+ + + + + ); +} diff --git a/src/app/verify-account/page.tsx b/src/app/verify-account/page.tsx new file mode 100644 index 0000000..e04f69e --- /dev/null +++ b/src/app/verify-account/page.tsx @@ -0,0 +1,102 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import Link from 'next/link'; + +export default function VerifyAccountPage() { + return ( + + + + +
+
+

+ Verify Your Account +

+

+ A verification link has been sent to your email address. Please check your inbox and click the link to activate your account. +

+

+ Didn't receive the email? Check your spam folder or{" "} + + resend verification email + +

+ + Back to Login + +
+
+ + + + + ); +}