From bee9b2603e581aaf1a3e0302689ea564e5ce4486 Mon Sep 17 00:00:00 2001 From: jyswee Date: Thu, 23 Jul 2026 22:08:20 +0000 Subject: [PATCH] Seed: saas template (34 files) --- src/pages/Index.tsx | 278 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 278 insertions(+) create mode 100644 src/pages/Index.tsx diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx new file mode 100644 index 0000000..dbf7102 --- /dev/null +++ b/src/pages/Index.tsx @@ -0,0 +1,278 @@ +import { Link } from "react-router-dom"; +import { Button } from "@/components/ui/button"; +import { Card, CardContent } from "@/components/ui/card"; +import { Badge } from "@/components/ui/badge"; +import { + ArrowRight, Zap, Shield, BarChart3, Users, Layers, Globe, + Star, CheckCircle2, Sparkles, ChevronRight, Play, Quote, Lock +} from "lucide-react"; +import Header from "@/components/Header"; +import Footer from "@/components/Footer"; + +const metrics = [ + { value: "10,000+", label: "Teams worldwide" }, + { value: "99.9%", label: "Uptime SLA" }, + { value: "4.9/5", label: "User rating" }, +]; + +const logos = [ + "Acme Corp", "TechFlow", "Quantum", + "Synapse", "NovaBuild", "Orbitix", +]; + +const features = [ + { icon: Zap, title: "AI Task Automation", desc: "Automatically prioritize, assign, and schedule tasks using machine learning trained on your team habits." }, + { icon: Shield, title: "Enterprise Security", desc: "SOC 2 Type II compliant with end-to-end encryption, SSO, and role-based access controls." }, + { icon: BarChart3, title: "Advanced Analytics", desc: "Real-time dashboards with predictive insights to spot bottlenecks before they happen." }, + { icon: Users, title: "Team Collaboration", desc: "Real-time editing, threaded comments, and @mentions keep everyone aligned." }, + { icon: Layers, title: "Custom Workflows", desc: "Build automation workflows with a drag-and-drop builder. No code required." }, + { icon: Globe, title: "Global Scale", desc: "Multi-region deployment with 99.99% uptime guarantee and <100ms response times." }, +]; + +const steps = [ + { num: "01", title: "Create your workspace", desc: "Sign up in seconds and invite your team. Import existing projects from Jira, Asana, or Trello." }, + { num: "02", title: "Set up your workflows", desc: "Choose from 50+ templates or build custom workflows. Our AI suggests the best setup for your team." }, + { num: "03", title: "Ship with confidence", desc: "Track progress with real-time dashboards. Get AI-powered predictions on delivery timelines." }, +]; + +const testimonials = [ + { name: "Sarah Chen", role: "VP Engineering, TechFlow", quote: "Nexus cut our sprint planning time by 60%. The AI suggestions are scarily accurate.", stars: 5 }, + { name: "Marcus Rivera", role: "CTO, BuildScale", quote: "We migrated from three different tools to Nexus. Best decision we made all year.", stars: 5 }, + { name: "Emily Watson", role: "Product Lead, Orbitix", quote: "The predictive analytics alone are worth the price. We ship 2x faster now.", stars: 5 }, +]; + +export default function IndexPage() { + return ( +
+
+ + {/* ── HERO ── */} +
+
+
+ {/* Floating gradient blur circles */} +
+
+
+
+
+ + Now with AI Copilot + +

+ + Manage Projects with the Power of AI + +

+

+ Streamline your workflow with intelligent automation, real-time collaboration, and predictive analytics that keep your team ahead of every deadline. +

+
+ + +
+ + {/* Metrics */} +
+ {metrics.map((m) => ( +
+
{m.value}
+
{m.label}
+
+ ))} +
+ + {/* Trust / Security Badges */} +
+ + SOC 2 Certified + + + GDPR Compliant + + + 99.9% Uptime SLA + + + 256-bit Encryption + +
+
+
+ + {/* ── LOGO CLOUD ── */} +
+
+

Trusted by industry-leading teams worldwide

+
+ {logos.map((logo) => ( +
{logo}
+ ))} +
+
+
+ + {/* ── VIDEO DEMO ── */} +
+
+
+
+
+
+
+ +
+ See it in action +
+
+

Watch how teams ship 3x faster with Nexus

+

Trusted by teams at Google, Stripe, Vercel

+
+
+ + {/* ── FEATURES GRID ── */} +
+
+
+ Features +

Everything you need to ship faster

+

Powerful tools designed to help your team collaborate, automate, and deliver results.

+
+
+ {features.map((f) => ( + + +
+ +
+

{f.title}

+

{f.desc}

+ + Learn more + + + + ))} +
+
+ +
+
+
+ + {/* ── HOW IT WORKS ── */} +
+
+
+ How It Works +

Get started in minutes

+
+
+ {/* Connecting line */} +
+
+ {steps.map((step) => ( +
+
+ {step.num} +
+
+

{step.title}

+

{step.desc}

+
+
+ ))} +
+
+
+
+ + {/* ── TESTIMONIALS ── */} +
+
+
+ Testimonials +

Loved by teams everywhere

+
+
+ {testimonials.map((t) => ( + + + +
+ {Array.from({ length: t.stars }, (_, i) => ( + + ))} +
+

"{t.quote}"

+
+
+ {t.name.split(" ").map((n) => n[0]).join("")} +
+
+
{t.name}
+
{t.role}
+
+
+ {t.role.split(" at ").pop()?.slice(0, 2).toUpperCase() || "Co"} +
+
+ + Read case study + + + + ))} +
+
+
+ + {/* ── INTEGRATIONS ── */} +
+
+ Integrations +

Works with tools you already love

+

Connect with 200+ tools your team relies on every day.

+
+ {logos.map((logo) => ( +
+ {logo} +
+ ))} +
+ 50+ integrations +
+
+ + {/* ── CTA ── */} +
+
+

Ready to transform your workflow?

+

Join 10,000+ teams already using Nexus to ship faster and smarter.

+
+ + +
+
+ SOC 2 + GDPR + 99.9% Uptime +
+

No credit card required. 14-day free trial.

+
+
+ +
+ ); +}