diff --git a/frontend/src/components/layouts/FooterHero.tsx b/frontend/src/components/layouts/FooterHero.tsx new file mode 100644 index 0000000..529a78f --- /dev/null +++ b/frontend/src/components/layouts/FooterHero.tsx @@ -0,0 +1,98 @@ +import { Link } from "react-router-dom"; +import { ShimmerButton } from "@/components/ui/shimmer-button"; +import { Particles } from "@/components/ui/particles"; + +export default function FooterHero() { + return ( +
+
+ +
+ {/* Background Glow */} +
+
+
+
+
+ +
+ + {/* Badge */} + +
+ + AI-Powered Autonomous Space Traffic +
+ + {/* Heading */} + +

+ Ready to Shape the +
+ + + Future of Space Traffic? + +

+
+ {/* Description */} + +

+ Discover how Kepler is building the next generation of + AI-powered autonomous space traffic management for safer, + smarter, and more efficient orbital operations. +

+ + {/* Buttons */} + +
+ + + + Get Started + + + + + Contact Us + + +
+ +
+ +
+

12,400+

+

Objects Tracked

+
+ +
+

99.982%

+

Conjunction Recall

+
+ +
+

<40ms

+

Decision Latency

+
+
+

0

+

Unresolved Conflicts, to date

+
+ +
+ +
+
+ ); +} \ No newline at end of file diff --git a/frontend/src/components/layouts/FooterLinks.tsx b/frontend/src/components/layouts/FooterLinks.tsx new file mode 100644 index 0000000..b26a46a --- /dev/null +++ b/frontend/src/components/layouts/FooterLinks.tsx @@ -0,0 +1,162 @@ +import { Link } from "react-router-dom"; +import { MagicCard } from "@/components/ui/magic-card"; + +const platformLinks = [ + { label: "Product", to: "/product" }, + { label: "Solutions", to: "/solutions" }, + { label: "Developers", to: "/developers" }, + { label: "Technology", to: "/technologies" }, + { label: "Dashboard", to: "/dashboard" }, +]; + +const companyLinks = [ + { label: "About", to: "/about" }, + { label: "Careers", to: "#" }, + { label: "Blog", to: "#" }, + { label: "Contact", to: "/#contact" }, +]; + +const resourceLinks = [ + { label: "Documentation", to: "/docs" }, + { label: "FAQs", to: "#" }, + { label: "Support", to: "/#contact" }, +]; + +export default function FooterLinks() { + return ( +
+ + {/* Huge Background Wordmark */} + +
+ +

+ KEPLER +

+
+ +
+ +
+ + {/* Brand */} + +
+ +
+ + Kepler + +
+ +

+ KEPLER +

+ +

+ AI-Powered Space Traffic Platform +

+ +
+ +
+ +

+ Kepler delivers intelligent orbital monitoring, + autonomous collision avoidance, mission planning, + and real-time traffic management for the next + generation of space operations. +

+ +
+ + + + + All Systems Operational + + +
+ +
+ + {/* Navigation */} + +
+ + + + + + + +
+ +
+ +
+ +
+ ); +} + +function FooterCard({ + title, + links, +}: { + title: string; + links: { label: string; to: string }[]; +}) { + return ( + +

+ {title} +

+ +
+ + {links.map((link) => ( + + {link.label} + + ))} + +
+ + ); +} \ No newline at end of file diff --git a/frontend/src/components/layouts/FooterSocials.tsx b/frontend/src/components/layouts/FooterSocials.tsx new file mode 100644 index 0000000..2bbdcbc --- /dev/null +++ b/frontend/src/components/layouts/FooterSocials.tsx @@ -0,0 +1,115 @@ +import { + ArrowRight, + Mail, + Heart, +} from "lucide-react"; + +const socials = [ + { + name: "Email", + href: "mailto:contact@kepler.ai", + icon: Mail, + }, +]; + +export default function FooterSocials() { + return ( +
+ + {/* Divider */} + +
+ +
+ +
+ + {/* Copyright */} + +
+ +

+ © {new Date().getFullYear()} Kepler. + All rights reserved. +

+ +

+ AI-Powered Autonomous Space Traffic Management Platform. +

+ +
+ + {/* Social Icons */} + +
+ + {socials.map((social) => { + const Icon = social.icon; + + return ( + + + + ); + })} + +
+ +
+ + {/* Bottom Attribution */} + +
+ +

+ + Built with + + + + by 7Blocks + +

+ +
+ +
+
+ ); +} \ No newline at end of file diff --git a/frontend/src/components/layouts/MarketingLayout.tsx b/frontend/src/components/layouts/MarketingLayout.tsx index 1be27df..48db87e 100644 --- a/frontend/src/components/layouts/MarketingLayout.tsx +++ b/frontend/src/components/layouts/MarketingLayout.tsx @@ -1,7 +1,9 @@ import React, { useEffect, useState } from "react"; import { Link, NavLink, Outlet, useLocation, useNavigate } from "react-router-dom"; import { motion, AnimatePresence, useReducedMotion } from "framer-motion"; - +import FooterHero from "./FooterHero"; +import FooterLinks from "./FooterLinks"; +import FooterSocials from "./FooterSocials"; const FONT_LINK_ID = "kepler-landing-fonts"; @@ -200,115 +202,16 @@ type FooterLink = | { label: string; to: string; disabled?: false } | { label: string; to?: undefined; disabled: true }; -function MarketingFooter() { - const productLinks = [ - { label: "Overview", to: "/#product" }, - { label: "How it works", to: "/#how-it-works" }, - { label: "Reliability", to: "/#reliability" }, - { label: "Dashboard", to: "/dashboard" }, - ]; - - const companyLinks: FooterLink[] = [ - { label: "About", to: "/about" }, - { label: "Careers", disabled: true }, - { label: "Contact", to: "/#contact" }, - ]; - + function MarketingFooter() { return ( -