Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -1,38 +1,22 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Public_Sans } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const publicSans = Public_Sans({
|
||||
variable: "--font-public-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "AIInsight - Real-Time AI Analytics Platform", description: "Transform data into actionable intelligence with AIInsight's advanced AI-powered analytics platform. Real-time insights, predictive intelligence, and enterprise security.", keywords: "AI analytics, data intelligence, business analytics, real-time insights, predictive analytics, data visualization, AI platform", robots: {
|
||||
title: "StockTracker - Real-Time Stock Market & Crypto Tracking", description: "Track stocks, gold, silver, Nifty, and cryptocurrencies in real-time. Join with 3-day free trial. Professional market insights at your fingertips.", keywords: "stock market, stock tracker, gold price, silver price, nifty index, cryptocurrency, bitcoin, ethereum, real-time quotes, trading platform", robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
openGraph: {
|
||||
title: "AIInsight - AI-Powered Analytics Platform", description: "Real-time data analytics with machine learning insights. Transform your business with intelligent analytics.", type: "website", siteName: "AIInsight", images: [
|
||||
{
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/a-modern-sophisticated-ai-analytics-dash-1772726056855-c12eaf8b.png", alt: "AIInsight Analytics Dashboard"},
|
||||
],
|
||||
},
|
||||
title: "StockTracker - Real-Time Market Data", description: "Track stocks, gold, silver, Nifty, and crypto with real-time data and professional analytics.", type: "website", siteName: "StockTracker"},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "AIInsight - AI Analytics Platform", description: "Real-time insights powered by AI. Make smarter decisions faster.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/a-modern-sophisticated-ai-analytics-dash-1772726056855-c12eaf8b.png"],
|
||||
},
|
||||
card: "summary_large_image", title: "StockTracker - Market Tracking Made Easy", description: "Real-time stock, gold, silver, Nifty, and cryptocurrency tracking."},
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
@@ -43,9 +27,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${publicSans.variable} antialiased`}
|
||||
>
|
||||
<body className={`${inter.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
|
||||
215
src/app/login/page.tsx
Normal file
215
src/app/login/page.tsx
Normal file
@@ -0,0 +1,215 @@
|
||||
"use client";
|
||||
|
||||
import { useState } from "react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Mail, Lock, ArrowRight, Eye, EyeOff } from "lucide-react";
|
||||
|
||||
export default function LoginPage() {
|
||||
const [email, setEmail] = useState("");
|
||||
const [password, setPassword] = useState("");
|
||||
const [showPassword, setShowPassword] = useState(false);
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
const [rememberMe, setRememberMe] = useState(false);
|
||||
|
||||
const handleLogin = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
setIsLoading(true);
|
||||
// Simulate login
|
||||
setTimeout(() => {
|
||||
setIsLoading(false);
|
||||
// Handle login logic here
|
||||
}, 1000);
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="StockTracker"
|
||||
bottomLeftText="Market Intelligence Platform"
|
||||
bottomRightText="support@stocktracker.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="min-h-screen flex items-center justify-center px-4 py-20">
|
||||
<div className="w-full max-w-md">
|
||||
<div className="bg-card rounded-2xl p-8 border border-accent/20">
|
||||
<div className="mb-8">
|
||||
<h1 className="text-4xl font-bold mb-2">Welcome Back</h1>
|
||||
<p className="text-foreground/70">Sign in to access your portfolio and market data</p>
|
||||
</div>
|
||||
|
||||
<form onSubmit={handleLogin} className="space-y-6">
|
||||
{/* Email Input */}
|
||||
<div>
|
||||
<label htmlFor="email" className="block text-sm font-medium mb-2">
|
||||
Email Address
|
||||
</label>
|
||||
<div className="relative">
|
||||
<Mail className="absolute left-3 top-3 w-5 h-5 text-primary-cta/60" />
|
||||
<input
|
||||
id="email"
|
||||
type="email"
|
||||
value={email}
|
||||
onChange={(e) => setEmail(e.target.value)}
|
||||
placeholder="your@email.com"
|
||||
className="w-full pl-10 pr-4 py-2 bg-background border border-accent/30 rounded-lg focus:outline-none focus:border-primary-cta transition-colors"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Password Input */}
|
||||
<div>
|
||||
<label htmlFor="password" className="block text-sm font-medium mb-2">
|
||||
Password
|
||||
</label>
|
||||
<div className="relative">
|
||||
<Lock className="absolute left-3 top-3 w-5 h-5 text-primary-cta/60" />
|
||||
<input
|
||||
id="password"
|
||||
type={showPassword ? "text" : "password"}
|
||||
value={password}
|
||||
onChange={(e) => setPassword(e.target.value)}
|
||||
placeholder="••••••••"
|
||||
className="w-full pl-10 pr-12 py-2 bg-background border border-accent/30 rounded-lg focus:outline-none focus:border-primary-cta transition-colors"
|
||||
required
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setShowPassword(!showPassword)}
|
||||
className="absolute right-3 top-3 text-primary-cta/60 hover:text-primary-cta transition-colors"
|
||||
>
|
||||
{showPassword ? (
|
||||
<EyeOff className="w-5 h-5" />
|
||||
) : (
|
||||
<Eye className="w-5 h-5" />
|
||||
)}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Remember Me & Forgot Password */}
|
||||
<div className="flex items-center justify-between text-sm">
|
||||
<label className="flex items-center gap-2 cursor-pointer">
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={rememberMe}
|
||||
onChange={(e) => setRememberMe(e.target.checked)}
|
||||
className="rounded w-4 h-4 bg-background border border-accent/30 cursor-pointer"
|
||||
/>
|
||||
<span className="text-foreground/70">Remember me</span>
|
||||
</label>
|
||||
<a href="#" className="text-primary-cta hover:underline">
|
||||
Forgot password?
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{/* Login Button */}
|
||||
<button
|
||||
type="submit"
|
||||
disabled={isLoading}
|
||||
className="w-full py-3 px-4 bg-primary-cta text-primary-cta-text rounded-lg font-semibold hover:opacity-90 transition-opacity disabled:opacity-50 flex items-center justify-center gap-2"
|
||||
>
|
||||
{isLoading ? "Signing in..." : "Sign In"}
|
||||
{!isLoading && <ArrowRight className="w-4 h-4" />}
|
||||
</button>
|
||||
</form>
|
||||
|
||||
{/* Divider */}
|
||||
<div className="relative my-6">
|
||||
<div className="absolute inset-0 flex items-center">
|
||||
<div className="w-full border-t border-accent/30"></div>
|
||||
</div>
|
||||
<div className="relative flex justify-center text-sm">
|
||||
<span className="px-2 bg-card text-foreground/60">Or continue with</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Social Login */}
|
||||
<div className="grid grid-cols-2 gap-4 mb-6">
|
||||
<button className="py-2 px-4 border border-accent/30 rounded-lg hover:border-primary-cta/60 transition-colors text-sm font-medium">
|
||||
Google
|
||||
</button>
|
||||
<button className="py-2 px-4 border border-accent/30 rounded-lg hover:border-primary-cta/60 transition-colors text-sm font-medium">
|
||||
Apple
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* Sign Up Link */}
|
||||
<p className="text-center text-foreground/70 text-sm">
|
||||
Don't have an account?{" "}
|
||||
<a href="#" className="text-primary-cta font-semibold hover:underline">
|
||||
Start your free trial
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Trial Info */}
|
||||
<div className="mt-6 p-4 bg-card/50 border border-accent/20 rounded-lg text-center text-sm text-foreground/70">
|
||||
<p>New to StockTracker? Get 3 days free access to all features</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="StockTracker"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#" },
|
||||
{ label: "Pricing", href: "#" },
|
||||
{ label: "Mobile App", href: "#" },
|
||||
{ label: "API", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Press", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Market Data", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Disclaimer", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 StockTracker. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
209
src/app/page.tsx
209
src/app/page.tsx
@@ -11,9 +11,9 @@ import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Sparkles, Zap, TrendingUp, Users, DollarSign, BarChart3, Database, Cloud, Code, Link, Shield, Settings, House, CircleDollarSign, ArrowLeftRight, Send, Brain, Lock, Workflow, HelpCircle, Rocket, Star } from "lucide-react";
|
||||
import { TrendingUp, Zap, DollarSign, BarChart3, Database, Cloud, Code, Link, Shield, Settings, House, CircleDollarSign, ArrowLeftRight, Brain, Lock, Workflow, HelpCircle, Rocket, Star, Coins, Gem, Flame, TrendingDown } from "lucide-react";
|
||||
|
||||
export default function AIInsightLandingPage() {
|
||||
export default function StockMarketTracker() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -32,32 +32,32 @@ export default function AIInsightLandingPage() {
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AIInsight"
|
||||
bottomLeftText="Global Analytics Platform"
|
||||
bottomRightText="hello@aiinsight.com"
|
||||
brandName="StockTracker"
|
||||
bottomLeftText="Real-Time Market Intelligence"
|
||||
bottomRightText="support@stocktracker.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Real-Time AI Analytics Intelligence"
|
||||
description="Transform your data into actionable insights with our advanced AI-powered analytics platform. Monitor metrics, predict trends, and optimize performance in real-time."
|
||||
tag="Next-Gen Analytics"
|
||||
tagIcon={Sparkles}
|
||||
title="Real-Time Stock Market & Crypto Tracking"
|
||||
description="Track stocks, gold, silver, Nifty index, and cryptocurrencies with live data. Get instant alerts, professional insights, and make informed trading decisions. Start your 3-day free trial today."
|
||||
tag="Market Intelligence Platform"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "https://example.com/signup" },
|
||||
{ text: "Start Free Trial", href: "https://example.com/signup" },
|
||||
{ text: "View Demo", href: "https://example.com/demo" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
dashboard={{
|
||||
title: "Live Analytics Hub", logoIcon: BarChart3,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/a-modern-sophisticated-ai-analytics-dash-1772726056855-c12eaf8b.png", searchPlaceholder: "Search metrics...", buttons: [
|
||||
title: "Live Market Hub", logoIcon: BarChart3,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/a-modern-sophisticated-ai-analytics-dash-1772726056855-c12eaf8b.png", searchPlaceholder: "Search stocks, crypto, commodities...", buttons: [
|
||||
{ text: "Dashboard", href: "#" },
|
||||
{ text: "Export Data", href: "#" },
|
||||
],
|
||||
@@ -68,26 +68,29 @@ export default function AIInsightLandingPage() {
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Total Revenue", values: [245890, 312750, 387420],
|
||||
valuePrefix: "$", description: "Tracked metrics"},
|
||||
title: "Stock Price", values: [1450.50, 1520.75, 1618.90],
|
||||
valuePrefix: "₹", description: "NIFTY 50 Index"
|
||||
},
|
||||
{
|
||||
title: "Active Users", values: [15680, 21450, 28320],
|
||||
description: "Platform engagement"},
|
||||
title: "Gold Price", values: [62500, 63800, 65200],
|
||||
valueSuffix: " /gm", description: "Current market rate"
|
||||
},
|
||||
{
|
||||
title: "Conversion Rate", values: [3.24, 4.12, 5.08],
|
||||
valueSuffix: "%", description: "Performance metric"},
|
||||
title: "Bitcoin Price", values: [42500, 48900, 56700],
|
||||
valuePrefix: "$", description: "Live cryptocurrency rate"
|
||||
},
|
||||
],
|
||||
chartTitle: "Revenue Trend", chartData: [
|
||||
chartTitle: "Market Trend", chartData: [
|
||||
{ value: 50 },
|
||||
{ value: 70 },
|
||||
{ value: 45 },
|
||||
{ value: 85 },
|
||||
{ value: 60 },
|
||||
],
|
||||
listTitle: "Recent Events", listItems: [
|
||||
{ icon: TrendingUp, title: "Revenue Spike: +24%", status: "Active" },
|
||||
{ icon: Users, title: "New Users: 1,240", status: "Updated" },
|
||||
{ icon: CircleDollarSign, title: "Performance Alert", status: "Pending" },
|
||||
listTitle: "Market Alerts", listItems: [
|
||||
{ icon: TrendingUp, title: "NIFTY 50: +2.5%", status: "Active" },
|
||||
{ icon: Coins, title: "Bitcoin: $56,700", status: "Updated" },
|
||||
{ icon: Gem, title: "Gold: ₹65,200/gm", status: "Pending" },
|
||||
],
|
||||
}}
|
||||
/>
|
||||
@@ -95,8 +98,8 @@ export default function AIInsightLandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="Powerful Features Built for Success"
|
||||
description="Unlock the full potential of AI-driven analytics with our comprehensive feature set designed for modern businesses."
|
||||
title="Comprehensive Market Tracking"
|
||||
description="Monitor all major assets with real-time data, professional-grade analytics, and intelligent alerts to help you stay ahead of market movements."
|
||||
tag="Core Features"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
@@ -106,20 +109,22 @@ export default function AIInsightLandingPage() {
|
||||
carouselMode="buttons"
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Analytics", description: "Monitor live data streams and get instant insights with our advanced real-time analytics engine.", bentoComponent: "animated-bar-chart"},
|
||||
title: "Real-Time Stock Quotes", description: "Get live stock prices, indices (NIFTY 50, SENSEX), and market data updated every second with accurate valuations.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Predictive Intelligence", description: "Leverage machine learning to forecast trends and make data-driven decisions with confidence.", bentoComponent: "line-chart"},
|
||||
title: "Commodity Tracking", description: "Track gold and silver prices in real-time with historical charts and price trend analysis for informed trading.", bentoComponent: "line-chart"
|
||||
},
|
||||
{
|
||||
title: "Custom Dashboards", description: "Create personalized dashboards tailored to your business needs and KPIs.", bentoComponent: "3d-card-grid", items: [
|
||||
{ name: "Sales", icon: TrendingUp },
|
||||
{ name: "Users", icon: Users },
|
||||
{ name: "Revenue", icon: DollarSign },
|
||||
{ name: "Growth", icon: Zap },
|
||||
title: "Cryptocurrency Dashboard", description: "Monitor Bitcoin, Ethereum, and 100+ cryptocurrencies with live charts, market cap, and 24h volume data.", bentoComponent: "3d-card-grid", items: [
|
||||
{ name: "Bitcoin", icon: Coins },
|
||||
{ name: "Ethereum", icon: Flame },
|
||||
{ name: "Gold", icon: Gem },
|
||||
{ name: "Nifty", icon: TrendingUp },
|
||||
],
|
||||
centerIcon: BarChart3,
|
||||
},
|
||||
{
|
||||
title: "Integration Hub", description: "Seamlessly connect with 500+ data sources and tools in your existing stack.", bentoComponent: "orbiting-icons", centerIcon: Zap,
|
||||
title: "Market Integration", description: "Seamlessly track data from NSE, BSE, cryptocurrency exchanges, and commodity markets all in one platform.", bentoComponent: "orbiting-icons", centerIcon: Zap,
|
||||
items: [
|
||||
{ icon: Database, ring: 1 },
|
||||
{ icon: Cloud, ring: 1 },
|
||||
@@ -135,8 +140,8 @@ export default function AIInsightLandingPage() {
|
||||
|
||||
<div id="features-hover" data-section="features-hover">
|
||||
<FeatureHoverPattern
|
||||
title="Advanced Capabilities"
|
||||
description="Experience intelligent automation and enterprise-grade security in every interaction."
|
||||
title="Professional Trading Tools"
|
||||
description="Advanced features designed for active traders, investors, and market analysts to make smarter decisions faster."
|
||||
tag="Advanced Tools"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
@@ -145,40 +150,46 @@ export default function AIInsightLandingPage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Lightning Speed", description: "Process millions of data points instantly with our optimized infrastructure."},
|
||||
icon: TrendingUp,
|
||||
title: "Price Alerts", description: "Set custom alerts for stocks, gold, silver, and cryptocurrencies to never miss important price movements."
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Enterprise Security", description: "Military-grade encryption and compliance with GDPR, SOC 2, and ISO standards."},
|
||||
title: "Secure Platform", description: "Bank-level encryption and security protocols to protect your account and investment data."
|
||||
},
|
||||
{
|
||||
icon: Brain,
|
||||
title: "AI-Powered Insights", description: "Advanced machine learning models deliver actionable predictions and recommendations."},
|
||||
title: "Market Analysis", description: "Access professional technical analysis, market trends, and expert insights for better trading decisions."
|
||||
},
|
||||
{
|
||||
icon: Lock,
|
||||
title: "Data Privacy", description: "Your data stays yours with end-to-end encryption and zero-knowledge architecture."},
|
||||
title: "Data Privacy", description: "Your financial data is encrypted and never shared with third parties. Complete privacy guaranteed."
|
||||
},
|
||||
{
|
||||
icon: Workflow,
|
||||
title: "Workflow Automation", description: "Automate repetitive tasks and focus on what matters most to your business."},
|
||||
title: "Automated Tracking", description: "Set up automatic portfolio tracking and receive daily market summaries directly to your inbox."
|
||||
},
|
||||
{
|
||||
icon: BarChart3,
|
||||
title: "Custom Reports", description: "Generate beautiful, shareable reports with one click for stakeholder communication."},
|
||||
title: "Performance Reports", description: "Generate detailed performance reports and portfolio analysis to track your investment returns."
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="About Us"
|
||||
tagIcon={Sparkles}
|
||||
tag="About StockTracker"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
title="Transforming Data into Competitive Advantage"
|
||||
description="Founded by data scientists and engineers, AIInsight was built to solve the complexity of modern analytics. We empower businesses to harness the power of their data and make smarter decisions faster. Our platform serves thousands of companies across industries, processing billions of data points daily."
|
||||
title="Your Complete Market Intelligence Platform"
|
||||
description="StockTracker brings together real-time market data, professional analytics, and intuitive tools to help individual investors and traders make informed decisions. Whether you're tracking stocks, commodities, or cryptocurrencies, we provide accurate, up-to-date information with the insights you need to succeed."
|
||||
metrics={[
|
||||
{ value: "10M+", title: "Data Points Processed Daily" },
|
||||
{ value: "99.9%", title: "Uptime Guarantee" },
|
||||
{ value: "1M+", title: "Daily Active Users" },
|
||||
{ value: "99.99%", title: "Platform Uptime" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/professional-team-collaboration-environm-1772726057211-5c04f824.png"
|
||||
imageAlt="AIInsight team collaborating on analytics platform"
|
||||
imageAlt="StockTracker team providing market insights"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -187,9 +198,9 @@ export default function AIInsightLandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Trusted by Industry Leaders"
|
||||
description="See what our customers say about transforming their businesses with AIInsight."
|
||||
tag="Customer Success"
|
||||
title="Trusted by Traders and Investors"
|
||||
description="See how StockTracker is helping investors make smarter market decisions every day."
|
||||
tag="Customer Stories"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -199,25 +210,31 @@ export default function AIInsightLandingPage() {
|
||||
topMarqueeDirection="left"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Chen", handle: "@sarahchen | CEO", testimonial: "AIInsight transformed our analytics infrastructure. We now make data-driven decisions in minutes, not days. The ROI has been exceptional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/professional-headshot-of-a-confident-bus-1772726057958-300d5cd4.png?_wi=1", imageAlt: "Sarah Chen"},
|
||||
id: "1", name: "Rajesh Kumar", handle: "@rk_trader | Active Trader", testimonial: "StockTracker has completely changed how I trade. Real-time alerts and accurate data help me catch opportunities instantly. Best investment for my trading journey.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/professional-headshot-of-a-confident-bus-1772726057958-300d5cd4.png?_wi=1", imageAlt: "Rajesh Kumar"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Rodriguez", handle: "@mrodriguez | CTO", testimonial: "The integration was seamless. Our team was productive within hours. The real-time insights have revolutionized how we optimize our platform.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/professional-headshot-of-a-tech-savvy-en-1772726056406-79d68d88.png?_wi=1", imageAlt: "Michael Rodriguez"},
|
||||
id: "2", name: "Priya Sharma", handle: "@priya_invest | Portfolio Manager", testimonial: "The commodity tracking feature is exceptional. Gold and silver prices update instantly. I recommend StockTracker to all my clients.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/professional-headshot-of-a-tech-savvy-en-1772726056406-79d68d88.png?_wi=1", imageAlt: "Priya Sharma"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emily Watson", handle: "@ewatson | Data Director", testimonial: "Outstanding platform! The predictive analytics capabilities have given us competitive advantage. Support team is incredibly responsive.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/professional-headshot-of-a-business-dire-1772726056048-e4946c85.png", imageAlt: "Emily Watson"},
|
||||
id: "3", name: "Amit Patel", handle: "@amit_crypto | Crypto Enthusiast", testimonial: "Finally, a platform that gives me accurate crypto data along with traditional stocks. The dashboard is intuitive and updates are lightning fast.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/professional-headshot-of-a-business-dire-1772726056048-e4946c85.png", imageAlt: "Amit Patel"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Park", handle: "@dpark | VP Analytics", testimonial: "AIInsight is the most sophisticated analytics solution we've used. The custom dashboards save our team hours every week.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/professional-headshot-of-a-successful-bu-1772726057188-87e7314d.png", imageAlt: "David Park"},
|
||||
id: "4", name: "Neha Desai", handle: "@neha_fin | Financial Analyst", testimonial: "The professional analytics and market insights provided by StockTracker are unmatched. It's like having a financial advisor at your fingertips.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/professional-headshot-of-a-successful-bu-1772726057188-87e7314d.png", imageAlt: "Neha Desai"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Jessica Taylor", handle: "@jtaylor | Product Manager", testimonial: "The AI-powered recommendations have directly contributed to 35% improvement in our conversion rates. Highly recommended.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/professional-headshot-of-a-confident-bus-1772726057958-300d5cd4.png?_wi=2", imageAlt: "Jessica Taylor"},
|
||||
id: "5", name: "Vikram Singh", handle: "@vikram_trade | Day Trader", testimonial: "The 3-day trial was all I needed to realize this is the best market tracking platform. Subscribed immediately and never looked back.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/professional-headshot-of-a-confident-bus-1772726057958-300d5cd4.png?_wi=2", imageAlt: "Vikram Singh"
|
||||
},
|
||||
{
|
||||
id: "6", name: "James Kim", handle: "@jkim | Analytics Lead", testimonial: "Best investment we've made in our tech stack. The platform handles our scale effortlessly and the insights are invaluable.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/professional-headshot-of-a-tech-savvy-en-1772726056406-79d68d88.png?_wi=2", imageAlt: "James Kim"},
|
||||
id: "6", name: "Divya Menon", handle: "@divya_wealth | Wealth Manager", testimonial: "StockTracker simplifies portfolio management. My clients love the comprehensive tracking of all asset classes in one place.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX4wgl7XSSOga8gIjue4yhVgFS/professional-headshot-of-a-tech-savvy-en-1772726056406-79d68d88.png?_wi=2", imageAlt: "Divya Menon"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Transparent Pricing for Every Scale"
|
||||
description="Choose the perfect plan for your business. Scale up or down as your needs evolve."
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the perfect plan for your trading needs. Start with a 3-day free trial, no credit card required."
|
||||
tag="Pricing Plans"
|
||||
tagIcon={DollarSign}
|
||||
tagAnimation="slide-up"
|
||||
@@ -227,29 +244,39 @@ export default function AIInsightLandingPage() {
|
||||
carouselMode="buttons"
|
||||
plans={[
|
||||
{
|
||||
id: "starter", price: "$499/mo", name: "Starter", buttons: [
|
||||
{ text: "Get Started", href: "https://example.com/signup/starter" },
|
||||
id: "free-trial", price: "Free", name: "3-Day Trial", badge: "Try Risk-Free", badgeIcon: Zap,
|
||||
buttons: [
|
||||
{ text: "Start Trial", href: "https://example.com/trial" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Real-time stock quotes", "Commodity tracking (Gold & Silver)", "Live cryptocurrency data", "Basic price alerts (5 active)", "Standard customer support"],
|
||||
},
|
||||
{
|
||||
id: "basic", price: "₹299/mo", name: "Basic", badge: "Popular", badgeIcon: Star,
|
||||
buttons: [
|
||||
{ text: "Get Started", href: "https://example.com/signup/basic" },
|
||||
{ text: "Contact Sales", href: "https://example.com/sales" },
|
||||
],
|
||||
features: [
|
||||
"Up to 5M data points/month", "5 custom dashboards", "Basic integrations (10)", "Email support", "30-day data retention"],
|
||||
"Everything in Free Trial", "Advanced price alerts (25 active)", "Portfolio tracking (up to 10 stocks)", "Email notifications", "Email support", "30-day data history"],
|
||||
},
|
||||
{
|
||||
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$1,499/mo", name: "Professional", buttons: [
|
||||
{ text: "Get Started", href: "https://example.com/signup/professional" },
|
||||
id: "pro", price: "₹999/mo", name: "Pro", badge: "Most Popular", badgeIcon: Rocket,
|
||||
buttons: [
|
||||
{ text: "Get Started", href: "https://example.com/signup/pro" },
|
||||
{ text: "Contact Sales", href: "https://example.com/sales" },
|
||||
],
|
||||
features: [
|
||||
"Up to 50M data points/month", "Unlimited dashboards", "Advanced integrations (100+)", "Priority support", "1-year data retention", "Advanced analytics"],
|
||||
"Everything in Basic", "Unlimited price alerts", "Unlimited portfolio tracking", "Technical analysis tools", "Market insights & recommendations", "1-year data history", "Priority email support", "Advanced charting"],
|
||||
},
|
||||
{
|
||||
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [
|
||||
id: "enterprise", price: "Custom", name: "Enterprise", badge: "For Teams", buttons: [
|
||||
{ text: "Request Demo", href: "https://example.com/demo" },
|
||||
{ text: "Contact Sales", href: "https://example.com/sales" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited data processing", "Dedicated account manager", "Custom integrations", "24/7 phone support", "Unlimited data retention", "Custom ML models", "SLA guarantee (99.99%)"],
|
||||
"Everything in Pro", "Dedicated account manager", "Custom integrations", "24/7 priority phone support", "Unlimited data history", "Custom dashboards", "SLA guarantee (99.99%)", "Team collaboration features", "API access"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -258,7 +285,7 @@ export default function AIInsightLandingPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our platform and services."
|
||||
description="Get answers to common questions about StockTracker, pricing, and how to get started."
|
||||
tag="Support"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
@@ -268,34 +295,34 @@ export default function AIInsightLandingPage() {
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How quickly can I get started?", content: "You can be up and running in minutes. Our onboarding process is streamlined with setup wizards and pre-built templates. Most customers complete initial setup within an hour and start seeing insights immediately."},
|
||||
id: "1", title: "What is the 3-day free trial?", content: "Our 3-day free trial gives you full access to all basic features including real-time stock quotes, commodity tracking, and cryptocurrency data. No credit card required. Upgrade to a paid plan anytime to unlock premium features."},
|
||||
{
|
||||
id: "2", title: "What data sources do you support?", content: "We support 500+ integrations including databases, APIs, cloud services, marketing platforms, and business applications. If your tool isn't listed, our team can build custom connectors."},
|
||||
id: "2", title: "What data sources do you track?", content: "We provide real-time data from NSE (National Stock Exchange), BSE (Bombay Stock Exchange), commodity exchanges for gold and silver, and major cryptocurrency exchanges. NIFTY 50, SENSEX, and other indices are updated every second."},
|
||||
{
|
||||
id: "3", title: "Is my data secure?", content: "Yes. We use military-grade AES-256 encryption, SOC 2 Type II certification, GDPR compliance, and zero-knowledge architecture. Your data is encrypted in transit and at rest with regular security audits."},
|
||||
id: "3", title: "Is my data secure?", content: "Yes. We use bank-level AES-256 encryption, SSL security protocols, and comply with financial data protection regulations. Your personal and portfolio data is never shared with third parties. We conduct regular security audits."},
|
||||
{
|
||||
id: "4", title: "Can I export my data?", content: "Absolutely. You own your data completely. Export in multiple formats (CSV, JSON, Parquet) or use our API to programmatically access your data anytime."},
|
||||
id: "4", title: "Can I track multiple portfolios?", content: "Basic plan allows tracking up to 10 stocks. Pro plan and above allow unlimited portfolio tracking. You can create multiple watchlists and organize them by asset class or strategy."},
|
||||
{
|
||||
id: "5", title: "What support options are available?", content: "We offer email support for all plans, priority support for Professional plans, and 24/7 phone support for Enterprise customers. Response times range from 24 hours to immediate."},
|
||||
id: "5", title: "How often are prices updated?", content: "All prices update in real-time during market hours. Stock prices update every second, commodity prices update every minute, and cryptocurrency prices update every 10 seconds for maximum accuracy."},
|
||||
{
|
||||
id: "6", title: "How does pricing scale with my usage?", content: "Starter plans have monthly data limits. Professional and Enterprise plans scale with your growth. We offer annual discounts and custom pricing for high-volume usage. No surprise charges."},
|
||||
id: "6", title: "What support is available?", content: "Free and Basic plans include email support. Pro plans include priority email support. Enterprise plans include 24/7 phone support and a dedicated account manager."},
|
||||
{
|
||||
id: "7", title: "Do you offer a free trial?", content: "Yes! Sign up for our 14-day free trial with full access to all features. No credit card required. Premium support included during trial period."},
|
||||
id: "7", title: "Can I set custom price alerts?", content: "Yes! Free trial includes 5 active alerts, Basic plan includes 25 alerts, and Pro/Enterprise plans offer unlimited alerts. Set alerts for specific price levels, percentage changes, or custom conditions."},
|
||||
{
|
||||
id: "8", title: "Can I customize dashboards?", content: "Completely customizable. Drag-and-drop widgets, custom calculations, filters, and visualizations. Save unlimited dashboard templates for consistent reporting across your team."},
|
||||
id: "8", title: "Is there an API for integration?", content: "Yes, API access is available for Enterprise plans. You can integrate StockTracker data into your own applications or platforms. Contact our sales team for API documentation and integration support."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Transform?"
|
||||
tag="Ready to Start?"
|
||||
tagIcon={Rocket}
|
||||
tagAnimation="slide-up"
|
||||
title="Start Your AI Analytics Journey Today"
|
||||
description="Join thousands of companies making smarter decisions with real-time intelligence. Get a personalized demo and discover how AIInsight can accelerate your business growth."
|
||||
title="Join Thousands of Smart Investors"
|
||||
description="Get instant access to real-time stock, commodity, and cryptocurrency data. Start your 3-day free trial today—no credit card required. Upgrade to Pro anytime for unlimited tracking and advanced analytics."
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "https://example.com/signup" },
|
||||
{ text: "Start 3-Day Trial", href: "https://example.com/trial" },
|
||||
{ text: "Schedule Demo", href: "https://example.com/demo" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -306,19 +333,19 @@ export default function AIInsightLandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AIInsight"
|
||||
logoText="StockTracker"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Integrations", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
{ label: "Mobile App", href: "#" },
|
||||
{ label: "API", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Press", href: "#" },
|
||||
@@ -327,21 +354,21 @@ export default function AIInsightLandingPage() {
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Market Data", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "GDPR", href: "#" },
|
||||
{ label: "Disclaimer", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 AIInsight. All rights reserved."
|
||||
copyrightText="© 2025 StockTracker. All rights reserved. Market data provided in real-time."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
290
src/app/signup/page.tsx
Normal file
290
src/app/signup/page.tsx
Normal file
@@ -0,0 +1,290 @@
|
||||
"use client";
|
||||
|
||||
import { useState } from "react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Mail, Lock, User, Phone, ArrowRight, Eye, EyeOff, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function SignupPage() {
|
||||
const [formData, setFormData] = useState({
|
||||
name: "", email: "", phone: "", password: "", confirmPassword: ""});
|
||||
const [showPassword, setShowPassword] = useState(false);
|
||||
const [showConfirmPassword, setShowConfirmPassword] = useState(false);
|
||||
const [agreeTerms, setAgreeTerms] = useState(false);
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
|
||||
const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
||||
setFormData({
|
||||
...formData,
|
||||
[e.target.name]: e.target.value,
|
||||
});
|
||||
};
|
||||
|
||||
const handleSignup = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
setIsLoading(true);
|
||||
// Simulate signup
|
||||
setTimeout(() => {
|
||||
setIsLoading(false);
|
||||
// Handle signup logic here
|
||||
}, 1000);
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="StockTracker"
|
||||
bottomLeftText="Market Intelligence Platform"
|
||||
bottomRightText="support@stocktracker.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="min-h-screen flex items-center justify-center px-4 py-20">
|
||||
<div className="w-full max-w-md">
|
||||
<div className="bg-card rounded-2xl p-8 border border-accent/20">
|
||||
<div className="mb-8">
|
||||
<h1 className="text-4xl font-bold mb-2">Get Started Free</h1>
|
||||
<p className="text-foreground/70">Join thousands tracking stocks, gold, silver, Nifty & crypto</p>
|
||||
</div>
|
||||
|
||||
<form onSubmit={handleSignup} className="space-y-4">
|
||||
{/* Name Input */}
|
||||
<div>
|
||||
<label htmlFor="name" className="block text-sm font-medium mb-2">
|
||||
Full Name
|
||||
</label>
|
||||
<div className="relative">
|
||||
<User className="absolute left-3 top-3 w-5 h-5 text-primary-cta/60" />
|
||||
<input
|
||||
id="name"
|
||||
name="name"
|
||||
type="text"
|
||||
value={formData.name}
|
||||
onChange={handleChange}
|
||||
placeholder="John Doe"
|
||||
className="w-full pl-10 pr-4 py-2 bg-background border border-accent/30 rounded-lg focus:outline-none focus:border-primary-cta transition-colors"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Email Input */}
|
||||
<div>
|
||||
<label htmlFor="email" className="block text-sm font-medium mb-2">
|
||||
Email Address
|
||||
</label>
|
||||
<div className="relative">
|
||||
<Mail className="absolute left-3 top-3 w-5 h-5 text-primary-cta/60" />
|
||||
<input
|
||||
id="email"
|
||||
name="email"
|
||||
type="email"
|
||||
value={formData.email}
|
||||
onChange={handleChange}
|
||||
placeholder="your@email.com"
|
||||
className="w-full pl-10 pr-4 py-2 bg-background border border-accent/30 rounded-lg focus:outline-none focus:border-primary-cta transition-colors"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Phone Input */}
|
||||
<div>
|
||||
<label htmlFor="phone" className="block text-sm font-medium mb-2">
|
||||
Phone Number
|
||||
</label>
|
||||
<div className="relative">
|
||||
<Phone className="absolute left-3 top-3 w-5 h-5 text-primary-cta/60" />
|
||||
<input
|
||||
id="phone"
|
||||
name="phone"
|
||||
type="tel"
|
||||
value={formData.phone}
|
||||
onChange={handleChange}
|
||||
placeholder="+91 98765 43210"
|
||||
className="w-full pl-10 pr-4 py-2 bg-background border border-accent/30 rounded-lg focus:outline-none focus:border-primary-cta transition-colors"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Password Input */}
|
||||
<div>
|
||||
<label htmlFor="password" className="block text-sm font-medium mb-2">
|
||||
Password
|
||||
</label>
|
||||
<div className="relative">
|
||||
<Lock className="absolute left-3 top-3 w-5 h-5 text-primary-cta/60" />
|
||||
<input
|
||||
id="password"
|
||||
name="password"
|
||||
type={showPassword ? "text" : "password"}
|
||||
value={formData.password}
|
||||
onChange={handleChange}
|
||||
placeholder="••••••••"
|
||||
className="w-full pl-10 pr-12 py-2 bg-background border border-accent/30 rounded-lg focus:outline-none focus:border-primary-cta transition-colors"
|
||||
required
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setShowPassword(!showPassword)}
|
||||
className="absolute right-3 top-3 text-primary-cta/60 hover:text-primary-cta transition-colors"
|
||||
>
|
||||
{showPassword ? (
|
||||
<EyeOff className="w-5 h-5" />
|
||||
) : (
|
||||
<Eye className="w-5 h-5" />
|
||||
)}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Confirm Password Input */}
|
||||
<div>
|
||||
<label htmlFor="confirmPassword" className="block text-sm font-medium mb-2">
|
||||
Confirm Password
|
||||
</label>
|
||||
<div className="relative">
|
||||
<Lock className="absolute left-3 top-3 w-5 h-5 text-primary-cta/60" />
|
||||
<input
|
||||
id="confirmPassword"
|
||||
name="confirmPassword"
|
||||
type={showConfirmPassword ? "text" : "password"}
|
||||
value={formData.confirmPassword}
|
||||
onChange={handleChange}
|
||||
placeholder="••••••••"
|
||||
className="w-full pl-10 pr-12 py-2 bg-background border border-accent/30 rounded-lg focus:outline-none focus:border-primary-cta transition-colors"
|
||||
required
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setShowConfirmPassword(!showConfirmPassword)}
|
||||
className="absolute right-3 top-3 text-primary-cta/60 hover:text-primary-cta transition-colors"
|
||||
>
|
||||
{showConfirmPassword ? (
|
||||
<EyeOff className="w-5 h-5" />
|
||||
) : (
|
||||
<Eye className="w-5 h-5" />
|
||||
)}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Terms Agreement */}
|
||||
<label className="flex items-start gap-3 cursor-pointer py-2">
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={agreeTerms}
|
||||
onChange={(e) => setAgreeTerms(e.target.checked)}
|
||||
className="rounded w-5 h-5 mt-0.5 bg-background border border-accent/30 cursor-pointer"
|
||||
required
|
||||
/>
|
||||
<span className="text-sm text-foreground/70">
|
||||
I agree to the{" "}
|
||||
<a href="#" className="text-primary-cta hover:underline">
|
||||
Terms of Service
|
||||
</a>
|
||||
{" "}and{" "}
|
||||
<a href="#" className="text-primary-cta hover:underline">
|
||||
Privacy Policy
|
||||
</a>
|
||||
</span>
|
||||
</label>
|
||||
|
||||
{/* Signup Button */}
|
||||
<button
|
||||
type="submit"
|
||||
disabled={isLoading || !agreeTerms}
|
||||
className="w-full py-3 px-4 bg-primary-cta text-primary-cta-text rounded-lg font-semibold hover:opacity-90 transition-opacity disabled:opacity-50 flex items-center justify-center gap-2 mt-6"
|
||||
>
|
||||
{isLoading ? "Creating Account..." : "Start 3-Day Free Trial"}
|
||||
{!isLoading && <ArrowRight className="w-4 h-4" />}
|
||||
</button>
|
||||
</form>
|
||||
|
||||
{/* Trial Info */}
|
||||
<div className="mt-6 p-4 bg-background/50 rounded-lg space-y-2">
|
||||
<p className="text-sm font-semibold text-foreground/80 flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-primary-cta" />
|
||||
What you get in 3 days:
|
||||
</p>
|
||||
<ul className="text-xs text-foreground/60 space-y-1 ml-6">
|
||||
<li>✓ Real-time stock & crypto data</li>
|
||||
<li>✓ Gold & silver tracking</li>
|
||||
<li>✓ NIFTY 50 index updates</li>
|
||||
<li>✓ Price alerts (5 active)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Sign In Link */}
|
||||
<p className="text-center text-foreground/70 text-sm mt-6">
|
||||
Already have an account?{" "}
|
||||
<a href="/login" className="text-primary-cta font-semibold hover:underline">
|
||||
Sign in
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="StockTracker"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#" },
|
||||
{ label: "Pricing", href: "#" },
|
||||
{ label: "Mobile App", href: "#" },
|
||||
{ label: "API", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Press", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Market Data", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Disclaimer", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 StockTracker. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user