Merge version_4 into main #2
94
src/app/login/page.tsx
Normal file
94
src/app/login/page.tsx
Normal file
@@ -0,0 +1,94 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LoginPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/"},
|
||||
{ name: "Features", id: "#features"},
|
||||
{ name: "AI Assistant", id: "#ai-assistant"},
|
||||
{ name: "Metrics", id: "#metrics"},
|
||||
{ name: "Testimonials", id: "#testimonials"},
|
||||
{ name: "Pricing", id: "#pricing"},
|
||||
{ name: "FAQ", id: "#faq"},
|
||||
{ name: "Contact", id: "#contact"},
|
||||
{ name: "Login", id: "/login"},
|
||||
{ name: "Sign Up", id: "/signup"},
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/#features"},
|
||||
{ label: "AI Assistant", href: "/#ai-assistant"},
|
||||
{ label: "Pricing", href: "/#pricing"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/#about"},
|
||||
{ label: "Testimonials", href: "/#testimonials"},
|
||||
{ label: "Contact", href: "/#contact"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "FAQ", href: "/#faq"},
|
||||
{ label: "Support", href: "#"},
|
||||
{ label: "Blog", href: "#"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#"},
|
||||
{ label: "Terms of Service", href: "#"},
|
||||
]
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={navItems} brandName="AscentFlow" />
|
||||
</div>
|
||||
|
||||
<main className="min-h-screen flex flex-col items-center justify-center p-8">
|
||||
<div className="max-w-md w-full text-center">
|
||||
<h1 className="text-4xl font-bold mb-4">Login</h1>
|
||||
<p className="text-lg text-foreground mb-8">
|
||||
Authentication logic for user login needs to be implemented here.
|
||||
This page serves as a placeholder for the login interface.
|
||||
</p>
|
||||
{/* Placeholder for a login form */}
|
||||
<div className="p-6 bg-card rounded-lg shadow-md">
|
||||
<p className="text-foreground">Login form components would go here.</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="AscentFlow"
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2024 AscentFlow. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -34,7 +34,7 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#home"},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
@@ -49,6 +49,10 @@ export default function LandingPage() {
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{
|
||||
name: "Login", id: "/login"},
|
||||
{
|
||||
name: "Sign Up", id: "/signup"},
|
||||
]}
|
||||
brandName="AscentFlow"
|
||||
/>
|
||||
@@ -62,9 +66,9 @@ export default function LandingPage() {
|
||||
description="Streamline leads, clients, payments, and calls with our intuitive platform and intelligent AI assistant. Your all-in-one solution for seamless business management."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#contact"},
|
||||
text: "Get Started", href: "/#contact"},
|
||||
{
|
||||
text: "Login", href: "#"},
|
||||
text: "Login", href: "/login"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-with-ai-operated-devices_23-2151922461.jpg"
|
||||
imageAlt="AscentFlow Dashboard Overview"
|
||||
@@ -231,21 +235,21 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "starter", tag: "Start Smart", tagIcon: Star,
|
||||
price: "$29", period: "/month", description: "Ideal for solo entrepreneurs and small teams getting started with organized management.", button: {
|
||||
text: "Choose Starter", href: "#contact"},
|
||||
text: "Choose Starter", href: "/#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Lead Tracking (Basic)", "Client Management (Basic)", "Invoicing & Payments", "Call Logging", "AI Assistant (Standard)"],
|
||||
},
|
||||
{
|
||||
id: "pro", tag: "Most Popular", tagIcon: Sparkles,
|
||||
price: "$59", period: "/month", description: "Perfect for growing businesses needing advanced features and deeper insights to scale efficiently.", button: {
|
||||
text: "Choose Pro", href: "#contact"},
|
||||
text: "Choose Pro", href: "/#contact"},
|
||||
featuresTitle: "Everything in Starter, plus:", features: [
|
||||
"Advanced Lead Automation", "Custom Client Fields", "Detailed Payment Reports", "AI Assistant (Pro Features)", "Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise", tag: "Custom Solution", tagIcon: Building,
|
||||
price: "Contact Us", period: "", description: "Tailored for large organizations requiring enterprise-grade features, integrations, and dedicated support.", button: {
|
||||
text: "Contact Sales", href: "#contact"},
|
||||
text: "Contact Sales", href: "/#contact"},
|
||||
featuresTitle: "Everything in Pro, plus:", features: [
|
||||
"Custom Integrations", "Dedicated Account Manager", "Advanced Security Options", "Team Collaboration Tools", "Unlimited AI Usage"],
|
||||
},
|
||||
@@ -285,9 +289,9 @@ export default function LandingPage() {
|
||||
description="Join thousands of businesses streamlining their operations and boosting productivity. Get started today with a free demo or connect with our sales team."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial", href: "#"},
|
||||
text: "Start Free Trial", href: "/#contact"},
|
||||
{
|
||||
text: "Contact Sales", href: "#"},
|
||||
text: "Contact Sales", href: "/#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -299,27 +303,27 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features", href: "#features"},
|
||||
label: "Features", href: "/#features"},
|
||||
{
|
||||
label: "AI Assistant", href: "#ai-assistant"},
|
||||
label: "AI Assistant", href: "/#ai-assistant"},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
label: "Pricing", href: "/#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
label: "About Us", href: "/#about"},
|
||||
{
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
label: "Testimonials", href: "/#testimonials"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
label: "Contact", href: "/#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
label: "FAQ", href: "/#faq"},
|
||||
{
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user