"use client"; import Link from "next/link"; import Image from "next/image"; import { Input } from "@/components/ui/input"; import { Button } from "@/components/ui/button"; import { Mail } from "lucide-react"; interface SocialIcon { name: string; href: string; icon: string; } interface FooterExtendedProps { logo?: { src: string; alt: string; title: string; href: string; }; description?: string; socialIcons?: SocialIcon[]; } export const FooterExtended: React.FC = ({ logo = { src: "/ruixen_dark.png", alt: "Ruixen Logo", title: "Ruixen Premium", href: "/", }, description = "Unlock beautifully crafted UI components and lifetime updates. Designed for product builders, startups, and UI engineers.", socialIcons = [ { name: "Twitter", href: "https://twitter.com/ruixen", icon: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/twitter/twitter-original.svg", }, { name: "GitHub", href: "https://github.com/ruixen", icon: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg", }, { name: "LinkedIn", href: "https://linkedin.com/company/ruixen", icon: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/linkedin/linkedin-original.svg", }, { name: "Instagram", href: "https://instagram.com/ruixen", icon: "https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png", }, ], }) => { return ( ); };

Footer Extended

Footer Extended Demo

Installation

Usage

Footer Extended Demo