"use client"; import React, { useRef } from "react"; import { motion, useScroll, useTransform } from "framer-motion"; import { ArrowUpRight, Globe, Shield, Zap, Twitter, Github, Linkedin, Minus } from "lucide-react"; import { clsx, type ClassValue } from "clsx"; import { twMerge } from "tailwind-merge"; function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)); } export interface FooterSection { title: string; links: { label: string; href: string }[]; } export interface CelestialHorizonFooterProps { brandName?: string; sections: FooterSection[]; className?: string; } export function CelestialHorizonFooter({ brandName = "CELESTIAL", sections, className, }: CelestialHorizonFooterProps) { const containerRef = useRef(null); const { scrollYProgress } = useScroll({ target: containerRef, offset: ["start end", "end end"] }); const opacity = useTransform(scrollYProgress, [0, 0.8], [0, 1]); const scale = useTransform(scrollYProgress, [0, 1], [0.8, 1]); const textY = useTransform(scrollYProgress, [0, 1], [100, 0]); return ( ); } export default function CelestialHorizonFooterDemo() { const sections: FooterSection[] = [ { title: "Solutions", links: [ { label: "Neural Compute", href: "#" }, { label: "Private Cloud", href: "#" }, { label: "Aegis Security", href: "#" }, { label: "Global Edge", href: "#" }, ] }, { title: "Organization", links: [ { label: "Protocol", href: "#" }, { label: "Governance", href: "#" }, { label: "Ventures", href: "#" }, { label: "Contact", href: "#" }, ] } ]; return (

); }

Elevating the
standard of excellence.

{section.title}