bender/b6c032e4-cef0-4869-8653-a1c1d4ab64b8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 5 commits from version_2 into main 2026-04-01 07:51:07 +00:00
Conversation 0 Commits 5 Files Changed 5 +217 -201
5 changed files with 217 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/app/admin/page.tsx Normal file
View File

@@ -0,0 +1,37 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function AdminDashboard() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<NavbarStyleFullscreen navItems={[{name: "Admin Panel", id: "#"}]} brandName="AuraAI Admin" />
<div className="pt-32 pb-20 px-6 container mx-auto min-h-[60vh]">
<h1 className="text-4xl font-bold mb-8">Admin Panel</h1>
<div className="grid gap-8 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
<div className="p-6 rounded-xl border border-neutral-200">User Management</div>
<div className="p-6 rounded-xl border border-neutral-200">Platform Analytics</div>
<div className="p-6 rounded-xl border border-neutral-200">Payment Tracking</div>
<div className="p-6 rounded-xl border border-neutral-200">System Settings</div>
</div>
</div>
<FooterMedia columns={[]} imageSrc="http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg" />
</ReactLenis>
</ThemeProvider>
);
}

79
src/app/chat/page.tsx Normal file
View File

@@ -0,0 +1,79 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { useState } from "react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { Mic, Send, Globe, Sun, Moon, Plus, History } from "lucide-react";
export default function ChatPage() {
const [darkMode, setDarkMode] = useState(true);
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<div className="min-h-screen flex flex-col">
<NavbarStyleFullscreen
navItems={[
{ name: "Dashboard", id: "/" },
{ name: "Chat", id: "/chat" }
]}
brandName="AuraAI"
/>
<main className="flex-grow flex pt-20">
<aside className="w-64 border-r p-4 flex flex-col gap-4">
<button className="flex items-center gap-2 p-2 rounded hover:bg-accent">
<Plus size={20} /> New Chat
</button>
<div className="flex-grow overflow-y-auto space-y-2">
<div className="text-xs font-semibold uppercase opacity-60">Recent</div>
<button className="flex items-center gap-2 p-2 w-full text-left text-sm opacity-80">
<History size={16} /> Business Strategy
</button>
</div>
</aside>
<div className="flex-grow flex flex-col">
<header className="border-b p-4 flex justify-between items-center">
<h1 className="font-bold text-lg">AI Chat Interface</h1>
<div className="flex gap-2">
<button className="p-2 rounded-full border"><Globe size={18} /></button>
<button onClick={() => setDarkMode(!darkMode)} className="p-2 rounded-full border">
{darkMode ? <Sun size={18} /> : <Moon size={18} />}
</button>
</div>
</header>
<div className="flex-grow p-6 overflow-y-auto space-y-4">
<div className="bg-accent/20 p-4 rounded-lg max-w-lg">Hello! How can I assist you today?</div>
</div>
<div className="p-4 border-t flex gap-2">
<button className="p-3 rounded-full hover:bg-accent">
<Mic size={20} />
</button>
<input
type="text"
placeholder="Type your message..."
className="flex-grow p-3 rounded-lg border bg-transparent"
/>
<button className="p-3 rounded-full bg-primary text-white">
<Send size={20} />
</button>
</div>
</div>
</main>
</div>
</ThemeProvider>
);
}

38
src/app/dashboard/page.tsx Normal file
View File

@@ -0,0 +1,38 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function UserDashboard() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<NavbarStyleFullscreen navItems={[{name: "Dashboard", id: "#"}]} brandName="AuraAI Dashboard" />
<div className="pt-32 pb-20 px-6 container mx-auto min-h-[60vh]">
<h1 className="text-4xl font-bold mb-8">User Dashboard</h1>
<div className="grid gap-8 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
<div className="p-6 rounded-xl border border-neutral-200">Profile Management</div>
<div className="p-6 rounded-xl border border-neutral-200">Subscription Status</div>
<div className="p-6 rounded-xl border border-neutral-200">Usage Analytics</div>
<div className="p-6 rounded-xl border border-neutral-200">Refer and Earn</div>
<div className="p-6 rounded-xl border border-neutral-200">Settings</div>
</div>
</div>
<FooterMedia columns={[]} imageSrc="http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg" />
</ReactLenis>
</ThemeProvider>
);
}

258
src/app/page.tsx
View File

@@ -31,21 +31,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
{
name: "Chat", id: "/chat"},
]}
brandName="AuraAI"
/>
@@ -57,39 +51,23 @@ export default function LandingPage() {
description="Your Personal AI Assistant for Learning, Business & Growth. Real-time NLP, multi-language support, and powerful content generation."
buttons={[
{
text: "Start Free Trial",
href: "#contact",
},
text: "Start Free Trial", href: "#contact"},
{
text: "Explore Features",
href: "#features",
},
text: "Explore Features", href: "#features"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=1",
imageAlt: "AuraAI Chat Interface",
},
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=1", imageAlt: "AuraAI Chat Interface"},
{
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=2",
imageAlt: "AuraAI Analytics",
},
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=2", imageAlt: "AuraAI Analytics"},
{
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=3",
imageAlt: "AuraAI Grammar Assistant",
},
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=3", imageAlt: "AuraAI Grammar Assistant"},
{
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=4",
imageAlt: "AuraAI Content Writer",
},
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=4", imageAlt: "AuraAI Content Writer"},
{
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=5",
imageAlt: "AuraAI Code Generation",
},
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=5", imageAlt: "AuraAI Code Generation"},
{
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=6",
imageAlt: "AuraAI Business Ideas",
},
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=6", imageAlt: "AuraAI Business Ideas"},
]}
/>
</div>
@@ -99,24 +77,15 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Redefining ",
},
type: "text", content: "Redefining "},
{
type: "text",
content: "the Future of AI Assistance",
},
type: "text", content: "the Future of AI Assistance"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
alt: "About AuraAI",
},
type: "image", src: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", alt: "About AuraAI"},
]}
buttons={[
{
text: "Learn More",
href: "#contact",
},
text: "Learn More", href: "#contact"},
]}
buttonAnimation="slide-up"
/>
@@ -130,29 +99,13 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Real-time AI Chat",
description: "Engage in seamless conversations with our advanced real-time AI model.",
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=7",
imageAlt: "AI Chat",
},
title: "Real-time AI Chat", description: "Engage in seamless conversations with our advanced real-time AI model.", imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=7", imageAlt: "AI Chat"},
{
title: "Smart Language Learning",
description: "English learning assistant with grammar correction and in-depth explanations.",
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=8",
imageAlt: "Learning Assistant",
},
title: "Smart Language Learning", description: "English learning assistant with grammar correction and in-depth explanations.", imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=8", imageAlt: "Learning Assistant"},
{
title: "Content Generation",
description: "Effortlessly create blogs, ads, and captions with tailored marketing insights.",
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=9",
imageAlt: "Content Creation",
},
title: "Content Generation", description: "Effortlessly create blogs, ads, and captions with tailored marketing insights.", imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=9", imageAlt: "Content Creation"},
{
title: "Business & Strategy",
description: "AI-powered business ideas and professional marketing suggestions at scale.",
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=10",
imageAlt: "Business Strategy",
},
title: "Business & Strategy", description: "AI-powered business ideas and professional marketing suggestions at scale.", imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=10", imageAlt: "Business Strategy"},
]}
title="Unmatched AI Capabilities"
description="Powerful tools designed for learning, growth, and professional business productivity."
@@ -166,57 +119,27 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Entry",
price: "$45",
subtitle: "Perfect for casual users.",
features: [
"Limited messages",
"Standard AI model",
"English learning assistant",
"Email support",
],
id: "basic", badge: "Entry", price: "$45", subtitle: "Perfect for casual users.", features: [
"Limited messages", "Standard AI model", "English learning assistant", "Email support"],
buttons: [
{
text: "Get Basic",
href: "#",
},
text: "Get Basic", href: "#"},
],
},
{
id: "pro",
badge: "Popular",
price: "$75",
subtitle: "For power users & professionals.",
features: [
"Unlimited messages",
"Advanced AI model",
"Full analytics",
"Priority support",
],
id: "pro", badge: "Popular", price: "$75", subtitle: "For power users & professionals.", features: [
"Unlimited messages", "Advanced AI model", "Full analytics", "Priority support"],
buttons: [
{
text: "Get Pro",
href: "#",
},
text: "Get Pro", href: "#"},
],
},
{
id: "premium",
badge: "Enterprise",
price: "$99",
subtitle: "Full access to all capabilities.",
features: [
"All Pro features",
"API access",
"Team collaboration",
"Dedicated manager",
],
id: "premium", badge: "Enterprise", price: "$99", subtitle: "Full access to all capabilities.", features: [
"All Pro features", "API access", "Team collaboration", "Dedicated manager"],
buttons: [
{
text: "Get Premium",
href: "#",
},
text: "Get Premium", href: "#"},
],
},
]}
@@ -232,45 +155,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@sarah_tech",
testimonial: "AuraAI completely transformed my workflow. It's like having a dedicated assistant 24/7.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5368.jpg?_wi=1",
},
id: "1", name: "Sarah J.", handle: "@sarah_tech", testimonial: "AuraAI completely transformed my workflow. It's like having a dedicated assistant 24/7.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5368.jpg?_wi=1"},
{
id: "2",
name: "Mark D.",
handle: "@markdev",
testimonial: "The grammar assistant is a game-changer for my content writing. Highly recommend it.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg",
},
id: "2", name: "Mark D.", handle: "@markdev", testimonial: "The grammar assistant is a game-changer for my content writing. Highly recommend it.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg"},
{
id: "3",
name: "Elena P.",
handle: "@elena_business",
testimonial: "Excellent business insights and marketing strategies. It feels like a real human advisor.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020794.jpg",
},
id: "3", name: "Elena P.", handle: "@elena_business", testimonial: "Excellent business insights and marketing strategies. It feels like a real human advisor.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020794.jpg"},
{
id: "4",
name: "David K.",
handle: "@davidk",
testimonial: "Solid performance, great UI, and the fastest chat responses I've experienced so far.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-male-worker-sitting-working-his-computer_171337-5883.jpg",
},
id: "4", name: "David K.", handle: "@davidk", testimonial: "Solid performance, great UI, and the fastest chat responses I've experienced so far.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-male-worker-sitting-working-his-computer_171337-5883.jpg"},
{
id: "5",
name: "Jessica R.",
handle: "@jess_creative",
testimonial: "Incredible productivity gains. I use AuraAI for every single project I manage.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5368.jpg?_wi=2",
},
id: "5", name: "Jessica R.", handle: "@jess_creative", testimonial: "Incredible productivity gains. I use AuraAI for every single project I manage.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5368.jpg?_wi=2"},
]}
showRating={true}
title="What Our Users Say"
@@ -284,25 +182,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is there a free trial?",
content: "Yes, we offer a free trial with limited messages to help you get started.",
},
id: "q1", title: "Is there a free trial?", content: "Yes, we offer a free trial with limited messages to help you get started."},
{
id: "q2",
title: "Can I cancel my subscription?",
content: "You can cancel anytime directly from your dashboard settings.",
},
id: "q2", title: "Can I cancel my subscription?", content: "You can cancel anytime directly from your dashboard settings."},
{
id: "q3",
title: "Is my data secure?",
content: "We prioritize security with end-to-end encryption and secure API protections.",
},
id: "q3", title: "Is my data secure?", content: "We prioritize security with end-to-end encryption and secure API protections."},
{
id: "q4",
title: "What payment methods do you accept?",
content: "We accept Stripe, PayPal, and Razorpay for Indian users.",
},
id: "q4", title: "What payment methods do you accept?", content: "We accept Stripe, PayPal, and Razorpay for Indian users."},
]}
imageSrc="http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg"
mediaAnimation="slide-up"
@@ -316,14 +202,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Ready to scale your business with AuraAI? Start your journey today."
buttons={[
{
text: "Start Free Trial Now",
href: "#",
},
text: "Start Free Trial Now", href: "#"},
]}
/>
</div>
@@ -333,54 +216,33 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "About",
href: "#",
},
label: "About", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#",
},
label: "FAQ", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
{
title: "Social",
items: [
title: "Social", items: [
{
label: "Twitter",
href: "#",
},
label: "Twitter", href: "#"},
{
label: "LinkedIn",
href: "#",
},
label: "LinkedIn", href: "#"},
{
label: "GitHub",
href: "#",
},
label: "GitHub", href: "#"},
],
},
]}
@@ -389,4 +251,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

6
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #0a0a0a;
--card: #1a1a1a;
--background: #000000;
--card: #0a0a0a;
--foreground: #ffffff;
--primary-cta: #00d4ff;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffff;
--accent: #00d4ff;
--background-accent: #1a1a1a;
--background-accent: #002a33;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);