260 lines
16 KiB
TypeScript
260 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from 'next/link';
|
|
|
|
export default function FuturamaPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="sharp"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="elevated"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Futurama"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Characters", id: "characters" },
|
|
{ name: "Episodes", id: "episodes" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="FUTURAMA"
|
|
description="Explore the legendary animated series that revolutionized science fiction comedy. Join Fry and the Planet Express crew on their wildest adventures."
|
|
buttons={[
|
|
{ text: "Watch Now", href: "https://www.hulu.com" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930890.jpg", imageAlt: "Futuristic robot and cityscape"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-robots-hugging-fantasy-world_23-2150900545.jpg", imageAlt: "Neon retro-futuristic city"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/retro-futuristic-space-travel_23-2151837606.jpg", imageAlt: "Space adventure scene"
|
|
}
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Futurama"
|
|
description={[
|
|
"Futurama is an American animated science fiction sitcom created by Matt Groening and David X. Cohen. The series follows the adventures of Fry, a pizza delivery boy from the 20th century who is cryogenically frozen and awakes in the year 3000.", "Set in a futuristic world filled with aliens, robots, and impossible technologies, Futurama combines clever humor with surprisingly heartfelt storytelling. The show has become a cult classic, beloved for its imaginative worldbuilding, sharp writing, and memorable characters.", "From 1999 to 2009, Futurama delivered multiple seasons of entertainment, each episode packed with sci-fi references, satirical humor, and unexpected emotional depth that resonated with audiences worldwide."
|
|
]}
|
|
buttons={[
|
|
{ text: "Explore Episodes", href: "#episodes" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
showBorder={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="characters" data-section="characters">
|
|
<TeamCardTwo
|
|
title="Meet the Crew"
|
|
description="The unforgettable characters that make Futurama legendary. Each brings their own quirks, dreams, and hilarious perspectives to the Planet Express crew."
|
|
members={[
|
|
{
|
|
id: "1", name: "Fry", role: "Delivery Boy", description: "A pizza delivery boy from 1999 who discovers he's the greatest pilot in the universe. Optimistic and lovable despite his questionable decisions.", imageSrc: "https://img.b2bpic.net/free-vector/professional-purchaser-with-tablet-analyzing-market-buyer-customer_1284-16582.jpg", imageAlt: "Fry character portrait"
|
|
},
|
|
{
|
|
id: "2", name: "Leela", role: "Captain", description: "The one-eyed captain of Planet Express with unmatched piloting skills. Strong-willed, capable, and secretly caring about her crew.", imageSrc: "https://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-37862.jpg", imageAlt: "Leela character portrait"
|
|
},
|
|
{
|
|
id: "3", name: "Bender", role: "Bending Unit", description: "An alcoholic robot with kleptomaniac tendencies. Despite his flaws, he's genuinely loyal to his friends and crewmates.", imageSrc: "https://img.b2bpic.net/free-psd/flat-man-character_23-2151534195.jpg", imageAlt: "Bender character portrait"
|
|
},
|
|
{
|
|
id: "4", name: "Professor", role: "Owner & Scientist", description: "The eccentric 160-year-old founder of Planet Express. A brilliant but forgetful scientist who sends his crew on dangerous missions.", imageSrc: "https://img.b2bpic.net/free-vector/salesman-different-situations_23-2147880408.jpg", imageAlt: "Professor character portrait"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="episodes" data-section="episodes">
|
|
<ProductCardTwo
|
|
title="Episode Highlights"
|
|
description="Discover some of the most iconic and beloved episodes from the Futurama series. Each episode delivers unforgettable moments and hilarious adventures."
|
|
products={[
|
|
{
|
|
id: "1", brand: "Season 1", name: "Space Pilot 3000", price: "Series Premiere", rating: 5,
|
|
reviewCount: "12.3k", imageSrc: "https://img.b2bpic.net/free-vector/city-space-scene_1308-31586.jpg", imageAlt: "Fry arrives in the future"
|
|
},
|
|
{
|
|
id: "2", brand: "Season 3", name: "The Luck of the Fryrish", price: "Fan Favorite", rating: 5,
|
|
reviewCount: "18.7k", imageSrc: "https://img.b2bpic.net/free-photo/retro-futuristic-space-travel_23-2151837606.jpg", imageAlt: "Nostalgic adventure episode"
|
|
},
|
|
{
|
|
id: "3", brand: "Season 5", name: "Jurassic Bark", price: "Most Emotional", rating: 5,
|
|
reviewCount: "21.5k", imageSrc: "https://img.b2bpic.net/free-vector/explorer-robot-alien-planet-surface-night_107791-3969.jpg", imageAlt: "Time travel episode"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Featured By Industry Leaders"
|
|
description="Futurama has been celebrated and featured across major entertainment platforms and media outlets worldwide."
|
|
tag="Recognition"
|
|
names={["20th Century Fox", "Hulu", "Comedy Central", "Adult Swim", "Streaming Plus", "Media Network", "Animation Hub", "Entertainment Corp"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
speed={50}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Fan Love"
|
|
description="Hear from devoted fans around the world about what makes Futurama special. Their passion and stories show why this series has endured for generations."
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Alex Rodriguez", handle: "@futuramadev", testimonial: "Futurama changed my life. The humor, the heart, and the sci-fi concepts blew my mind. Every episode is pure gold.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", imageAlt: "Fan testimonial"
|
|
},
|
|
{
|
|
id: "2", name: "Jordan Lee", handle: "@scifi_lover", testimonial: "The emotional depth combined with hilarious comedy is unmatched. Bender alone is worth watching the entire series.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", imageAlt: "Fan testimonial"
|
|
},
|
|
{
|
|
id: "3", name: "Casey Turner", handle: "@animation_fan", testimonial: "Incredible animation quality for its time. The world-building is phenomenal and every character is perfectly crafted.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-looks-camera_141793-103873.jpg", imageAlt: "Fan testimonial"
|
|
},
|
|
{
|
|
id: "4", name: "Morgan Stewart", handle: "@comedy_nerd", testimonial: "The writing is absolutely brilliant. So many layers of humor that I discover new jokes on every rewatch.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-serious-man-with-curly-hair_176532-7988.jpg", imageAlt: "Fan testimonial"
|
|
},
|
|
{
|
|
id: "5", name: "Taylor Brooks", handle: "@retro_futurism", testimonial: "A masterpiece of animation and storytelling. Futurama is timeless and deserves all the love and recognition.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/young-male-posing-isolated-against-blank-studio-wall_273609-12356.jpg", imageAlt: "Fan testimonial"
|
|
},
|
|
{
|
|
id: "6", name: "Riley Davis", handle: "@space_explorer", testimonial: "Every episode is an adventure. The adventures, the romance, the surprises - Futurama delivers on all fronts.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-girl-looks-camera-olive-green_141793-93004.jpg", imageAlt: "Fan testimonial"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about Futurama, its episodes, characters, and where to watch."
|
|
tag="Help"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Where can I watch Futurama?", content: "Futurama is available on multiple streaming platforms including Hulu, which holds the rights to the series. It's also available on various other streaming services and digital retailers depending on your location."
|
|
},
|
|
{
|
|
id: "2", title: "How many seasons of Futurama are there?", content: "The original series ran for 7 seasons from 1999 to 2009, with a total of 124 episodes. There are also several movies and specials that continue the story beyond the original series run."
|
|
},
|
|
{
|
|
id: "3", title: "Will there be more Futurama episodes?", content: "There have been rumors and announcements about revivals and new content. The series has had a loyal fanbase that continues to advocate for new episodes, and the creators have expressed interest in returning to the universe."
|
|
},
|
|
{
|
|
id: "4", title: "What is the best episode to start with?", content: "The series is best watched chronologically starting with 'Space Pilot 3000' from Season 1. This episode introduces all the main characters and sets up the world perfectly for new viewers."
|
|
},
|
|
{
|
|
id: "5", title: "Are the Futurama movies canon?", content: "The four Futurama movies (Bender's Big Score, The Beast with a Billion Backs, Bender's Game, and Into the Wild Green Yonder) are generally considered part of the official continuity and tie into the main storyline."
|
|
},
|
|
{
|
|
id: "6", title: "What makes Futurama different from other animated comedies?", content: "Futurama stands out with its incredibly creative sci-fi concepts, layered humor that works for multiple age groups, emotional depth that often surprises viewers, and a main character searching for connection in a futuristic world."
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/cosmic-background-with-blue-orange-laser-lights_181624-26443.jpg"
|
|
imageAlt="Futuristic sci-fi background"
|
|
mediaPosition="left"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="smooth"
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Join Us"
|
|
title="Stay Updated on Futurama"
|
|
description="Subscribe to our newsletter and never miss news about new episodes, special releases, and exclusive content from the world of Futurama."
|
|
background={{ variant: "rotated-rays-animated-grid" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime to stop receiving updates."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="FUTURAMA"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "About the Show", href: "#about" },
|
|
{ label: "Characters", href: "#characters" },
|
|
{ label: "Episodes", href: "#episodes" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Watch Now", href: "https://www.hulu.com" },
|
|
{ label: "Fan Community", href: "https://www.reddit.com" },
|
|
{ label: "Official Site", href: "https://www.fox.com" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Use", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |