243 lines
13 KiB
TypeScript
243 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Sparkles, Star, Mail } from 'lucide-react';
|
|
import Link from 'next/link';
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="slide-background"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Futurama"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Characters", id: "team" },
|
|
{ name: "Episodes", id: "blog" }
|
|
]}
|
|
button={{
|
|
text: "Join Fan Club", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Welcome to Planet Express"
|
|
description="Explore the universe of Futurama—the beloved sci-fi comedy that redefined animated television with wit, heart, and dystopian humor."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Cult Classic Animation"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
imageSrc="https://img.b2bpic.net/free-vector/city-space-scene_1308-31586.jpg"
|
|
imageAlt="Futurama Planet Express spaceship in space"
|
|
buttons={[
|
|
{ text: "Explore Episodes", href: "blog" },
|
|
{ text: "Meet Characters", href: "team" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
avatars={[
|
|
{ src: "https://img.b2bpic.net/free-photo/portrait-woman-with-cool-futuristic-superhero-suit_23-2150944792.jpg", alt: "Fry" },
|
|
{ src: "https://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648346.jpg", alt: "Leela" },
|
|
{ src: "https://img.b2bpic.net/free-photo/futuristic-portrait-young-girl-with-high-tech_23-2151133489.jpg", alt: "Bender" }
|
|
]}
|
|
avatarText="Loved by millions of fans worldwide"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Show Overview"
|
|
title="A Time-Bending Comedy Masterpiece"
|
|
description="Created by Matt Groening"
|
|
subdescription="1999-2013 (Original Run) | 7 Seasons | 140 Episodes"
|
|
icon={Star}
|
|
imageSrc="https://img.b2bpic.net/free-vector/colorful-flat-astronauts-set_1284-38058.jpg"
|
|
imageAlt="Futurama main cast"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
title="Meet the Crew"
|
|
description="The unforgettable characters that make Futurama legendary"
|
|
members={[
|
|
{
|
|
id: "1", name: "Fry", role: "Delivery Boy", imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-with-cool-futuristic-superhero-suit_23-2150944792.jpg", imageAlt: "Fry the delivery boy"
|
|
},
|
|
{
|
|
id: "2", name: "Leela", role: "Captain", imageSrc: "https://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648346.jpg", imageAlt: "Leela the captain"
|
|
},
|
|
{
|
|
id: "3", name: "Bender", role: "Robot", imageSrc: "https://img.b2bpic.net/free-photo/futuristic-portrait-young-girl-with-high-tech_23-2151133489.jpg", imageAlt: "Bender the robot"
|
|
},
|
|
{
|
|
id: "4", name: "Professor", role: "Scientist", imageSrc: "https://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648343.jpg", imageAlt: "Professor Farnsworth"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardThree
|
|
title="Featured Episodes"
|
|
description="Dive into some of the most memorable episodes from the series"
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Season 1", title: "Space Pilot 3000", excerpt: "Fry is cryogenically frozen and wakes up 1000 years in the future, beginning his adventure at Planet Express.", imageSrc: "https://img.b2bpic.net/free-vector/popular-bloggers-topics-posts-presentation-technique-2-colorful-banners-with-vacation-travel-fashion-isolated_98292-7665.jpg", imageAlt: "Space Pilot 3000 episode", date: "March 28, 1999", authorName: "Matt Groening", authorAvatar: "https://img.b2bpic.net/free-photo/close-up-portrait-curly-handsome-european-male_176532-8133.jpg"
|
|
},
|
|
{
|
|
id: "2", category: "Season 3", title: "Luck of the Fryrish", excerpt: "Fry discovers his brother's skeleton and learns the truth about his family legacy in the past.", imageSrc: "https://img.b2bpic.net/free-vector/hand-drawn-talk-show-background_23-2149981128.jpg", imageAlt: "Luck of the Fryrish episode", date: "November 2, 2000", authorName: "David X. Cohen", authorAvatar: "https://img.b2bpic.net/free-photo/close-up-photo-friendly-fair-haired-man-smiling-while-posing_132075-8195.jpg"
|
|
},
|
|
{
|
|
id: "3", category: "Season 4", title: "The Sting", excerpt: "Leela and Fry encounter killer bees on an asteroid, leading to an emotional and unforgettable journey.", imageSrc: "https://img.b2bpic.net/free-vector/home-theater-audio-video-system-with-remote-control-inside-hall_1441-1654.jpg", imageAlt: "The Sting episode", date: "May 15, 2003", authorName: "Patric M. Verrone", authorAvatar: "https://img.b2bpic.net/free-photo/sleepy-mixed-race-man-portrait-deep-blue-background_633478-2106.jpg"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
uniformGridCustomHeightClasses="min-h-[600px]"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Fans Say"
|
|
description="Hear from passionate Futurama fans around the world"
|
|
tag="Fan Reviews"
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", role: "Fan Since 1999", company: "San Francisco, CA", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-curly-handsome-european-male_176532-8133.jpg", imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Johnson", role: "Animation Enthusiast", company: "New York, NY", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-photo-friendly-fair-haired-man-smiling-while-posing_132075-8195.jpg", imageAlt: "Marcus Johnson"
|
|
},
|
|
{
|
|
id: "3", name: "Elena Rodriguez", role: "Comedy Writer", company: "Los Angeles, CA", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/sleepy-mixed-race-man-portrait-deep-blue-background_633478-2106.jpg", imageAlt: "Elena Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "James Mitchell", role: "Sci-Fi Lover", company: "Austin, TX", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-caucasian-man-black-t-shirt-smiles-isolated-grey-wall_132075-8163.jpg", imageAlt: "James Mitchell"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "140+", label: "Episodes Created" },
|
|
{ value: "7", label: "Seasons" },
|
|
{ value: "Millions", label: "Devoted Fans" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about Futurama"
|
|
tag="Help & Info"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Is Futurama still being produced?", content: "Futurama had its original run from 1999-2009, with additional movies and seasons produced later. The show had a revival with new episodes announced for streaming platforms, keeping the franchise alive for new and longtime fans."
|
|
},
|
|
{
|
|
id: "2", title: "How many episodes are there?", content: "The original series consists of 140 episodes across 7 seasons. Additionally, there are feature films including \"Bender's Big Score\" and \"Into the Wild Green Yonder\" that expanded the universe."
|
|
},
|
|
{
|
|
id: "3", title: "Where can I watch Futurama?", content: "Futurama is available on various streaming platforms including Hulu, Comedy Central, and other services. Availability varies by region and subscription service, so check your local streaming options."
|
|
},
|
|
{
|
|
id: "4", title: "Who created Futurama?", content: "Futurama was created by Matt Groening, the legendary animator and writer behind The Simpsons. The show was developed with David X. Cohen as a sci-fi animated comedy series."
|
|
},
|
|
{
|
|
id: "5", title: "What makes Futurama unique?", content: "Futurama blends humor with heart, featuring complex characters, emotional storytelling arcs, and social commentary wrapped in a sci-fi adventure. It's known for witty dialogue, pop culture references, and memorable guest voices."
|
|
},
|
|
{
|
|
id: "6", title: "Is there merchandise available?", content: "Yes! Futurama merchandise includes collectible figures, clothing, home décor, and more. You can find official merchandise through various retailers and fan shops online."
|
|
}
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
tagIcon={Mail}
|
|
title="Stay Updated"
|
|
description="Join our community and receive the latest Futurama news, episode updates, and fan discussions directly to your inbox."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://img.b2bpic.net/free-vector/city-space-scene_1308-31586.jpg"
|
|
imageAlt="Futurama spaceship"
|
|
mediaAnimation="slide-up"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<FooterLogoEmphasis
|
|
logoText="Futurama"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "hero" },
|
|
{ label: "About", href: "about" },
|
|
{ label: "Characters", href: "team" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Episodes", href: "blog" },
|
|
{ label: "Fan Reviews", href: "testimonials" },
|
|
{ label: "FAQ", href: "faq" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Community", href: "#" },
|
|
{ label: "Merchandise", href: "#" },
|
|
{ label: "Contact Us", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |