Merge version_1 into main #1
251
src/app/page.tsx
251
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Missions",
|
||||
id: "features",
|
||||
},
|
||||
name: "Missions", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Interstellar"
|
||||
/>
|
||||
@@ -55,63 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Love Transcends Time and Space"
|
||||
description="Experience the groundbreaking journey beyond our galaxy. A cinematic exploration of survival, hope, and the mysteries of the universe."
|
||||
buttons={[
|
||||
{
|
||||
text: "Watch Trailer",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Watch Trailer", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-view-camera-shutter_23-2150473150.jpg"
|
||||
imageAlt="The spacecraft entering a wormhole"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/galaxy-background-illustration_23-2151909858.jpg",
|
||||
alt: "Galaxy background illustration",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/galaxy-background-illustration_23-2151909858.jpg", alt: "Galaxy background illustration"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-optical-illusion_23-2150854149.jpg",
|
||||
alt: "3d rendering of optical illusion",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-optical-illusion_23-2150854149.jpg", alt: "3d rendering of optical illusion"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151631249.jpg",
|
||||
alt: "Bermuda triangle mystery event",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151631249.jpg", alt: "Bermuda triangle mystery event"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_52683-118919.jpg",
|
||||
alt: "3d rendering black and white background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_52683-118919.jpg", alt: "3d rendering black and white background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cosmonaut-orbital-station-verifying-navigation-coordinates-mars_482257-126237.jpg",
|
||||
alt: "Cosmonaut in orbital station verifying navigation coordinates to Mars",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cosmonaut-orbital-station-verifying-navigation-coordinates-mars_482257-126237.jpg", alt: "Cosmonaut in orbital station verifying navigation coordinates to Mars"},
|
||||
]}
|
||||
avatarText="Join 5,000+ explorers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "IMAX Experience",
|
||||
},
|
||||
type: "text", text: "IMAX Experience"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Physics Approved",
|
||||
},
|
||||
type: "text", text: "Physics Approved"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Time Dilation",
|
||||
},
|
||||
type: "text", text: "Time Dilation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Galactic Scale",
|
||||
},
|
||||
type: "text", text: "Galactic Scale"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Human Stakes",
|
||||
},
|
||||
type: "text", text: "Human Stakes"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,9 +90,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Journey Beyond Humanity"
|
||||
description={[
|
||||
"A team of explorers undertake the most important mission in human history; traveling beyond this galaxy to discover whether mankind has a future among the stars.",
|
||||
"Directed by visionary Christopher Nolan, Interstellar redefined modern science fiction through scientific accuracy and epic human stakes.",
|
||||
]}
|
||||
"A team of explorers undertake the most important mission in human history; traveling beyond this galaxy to discover whether mankind has a future among the stars.", "Directed by visionary Christopher Nolan, Interstellar redefined modern science fiction through scientific accuracy and epic human stakes."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -135,20 +102,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Scientific Accuracy",
|
||||
description: "Consulted by Nobel laureate Kip Thorne to visualize wormholes and black holes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rocket-flying-through-space_23-2150378595.jpg",
|
||||
},
|
||||
title: "Scientific Accuracy", description: "Consulted by Nobel laureate Kip Thorne to visualize wormholes and black holes.", imageSrc: "http://img.b2bpic.net/free-photo/rocket-flying-through-space_23-2150378595.jpg"},
|
||||
{
|
||||
title: "Human Stakes",
|
||||
description: "The emotional bond between a father and daughter drives the narrative forward.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-surreal-space-landscape_1048-12532.jpg",
|
||||
},
|
||||
title: "Human Stakes", description: "The emotional bond between a father and daughter drives the narrative forward.", imageSrc: "http://img.b2bpic.net/free-photo/3d-surreal-space-landscape_1048-12532.jpg"},
|
||||
{
|
||||
title: "Cinematic Scale",
|
||||
description: "Shot with 70mm IMAX film cameras to capture the vastness of the universe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-smoke-collection-white-background_1112-1516.jpg",
|
||||
},
|
||||
title: "Cinematic Scale", description: "Shot with 70mm IMAX film cameras to capture the vastness of the universe.", imageSrc: "http://img.b2bpic.net/free-photo/blue-smoke-collection-white-background_1112-1516.jpg"},
|
||||
]}
|
||||
title="Elements of the Odyssey"
|
||||
description="The film blends technical precision with a powerful emotional core."
|
||||
@@ -162,31 +120,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "169m",
|
||||
title: "Box Office",
|
||||
items: [
|
||||
"Global Earnings",
|
||||
"Cult Following",
|
||||
],
|
||||
id: "m1", value: "169m", title: "Box Office", items: [
|
||||
"Global Earnings", "Cult Following"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "9.4/10",
|
||||
title: "Ratings",
|
||||
items: [
|
||||
"IMDb Ranking",
|
||||
"Critics Consensus",
|
||||
],
|
||||
id: "m2", value: "9.4/10", title: "Ratings", items: [
|
||||
"IMDb Ranking", "Critics Consensus"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2014",
|
||||
title: "Release",
|
||||
items: [
|
||||
"Science Fiction",
|
||||
"Modern Classic",
|
||||
],
|
||||
id: "m3", value: "2014", title: "Release", items: [
|
||||
"Science Fiction", "Modern Classic"],
|
||||
},
|
||||
]}
|
||||
title="Galactic Impact"
|
||||
@@ -202,45 +145,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Astrophysicist",
|
||||
company: "SpaceLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astronaut-day-satisfied-cosmonaut-outer-space-cosmos-galaxy-helmet-off-giving-blue-globus_140725-161192.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Astrophysicist", company: "SpaceLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astronaut-day-satisfied-cosmonaut-outer-space-cosmos-galaxy-helmet-off-giving-blue-globus_140725-161192.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Film Critic",
|
||||
company: "CineDaily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-tailor-sitting-table-with-hand-chin-sewing-workshop_613910-5306.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Film Critic", company: "CineDaily", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-tailor-sitting-table-with-hand-chin-sewing-workshop_613910-5306.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Fan",
|
||||
company: "Space Society",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-black-man-fooling-around-outdoor-photoshoot-park-chilling-african-guy-elegant-attire-enjoying-walk-down-street-cold-day_197531-21864.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Fan", company: "Space Society", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-black-man-fooling-around-outdoor-photoshoot-park-chilling-african-guy-elegant-attire-enjoying-walk-down-street-cold-day_197531-21864.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Director",
|
||||
company: "FilmGuild",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185628.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Director", company: "FilmGuild", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185628.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
role: "Actor",
|
||||
company: "ScreenActors",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915103.jpg",
|
||||
},
|
||||
id: "5", name: "Anna Smith", role: "Actor", company: "ScreenActors", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915103.jpg"},
|
||||
]}
|
||||
title="Voices of the Cosmos"
|
||||
description="Critics and enthusiasts alike share their experiences with this film."
|
||||
@@ -253,20 +171,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the black hole physics accurate?",
|
||||
content: "Yes, the film's visualizations of Gargantua were based on actual equations provided by Kip Thorne.",
|
||||
},
|
||||
id: "f1", title: "Is the black hole physics accurate?", content: "Yes, the film's visualizations of Gargantua were based on actual equations provided by Kip Thorne."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What does the tesseract represent?",
|
||||
content: "A 5-dimensional structure allowing communication through time.",
|
||||
},
|
||||
id: "f2", title: "What does the tesseract represent?", content: "A 5-dimensional structure allowing communication through time."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Why is time dilation occurring?",
|
||||
content: "Close proximity to the intense gravity of Gargantua causes time to slow down relative to Earth.",
|
||||
},
|
||||
id: "f3", title: "Why is time dilation occurring?", content: "Close proximity to the intense gravity of Gargantua causes time to slow down relative to Earth."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-view-camera-shutter_23-2150473164.jpg"
|
||||
mediaAnimation="opacity"
|
||||
@@ -278,41 +187,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Deep Space Insights"
|
||||
description="Explorations into the making of Interstellar and its lasting legacy."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Production",
|
||||
title: "The Visuals of Gargantua",
|
||||
excerpt: "How the team achieved the most accurate black hole in cinema history.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-305456.jpg",
|
||||
authorName: "Chris N.",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-old-man-playing-chess-alone_23-2149833654.jpg",
|
||||
date: "Oct 2024",
|
||||
},
|
||||
id: "b1", category: "Production", title: "The Visuals of Gargantua", excerpt: "How the team achieved the most accurate black hole in cinema history.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-305456.jpg", authorName: "Chris N.", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-old-man-playing-chess-alone_23-2149833654.jpg", date: "Oct 2024"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Science",
|
||||
title: "Nebula Mysteries",
|
||||
excerpt: "Behind the stunning galactic vistas seen in the film.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-universe-star-explosion_181624-14998.jpg",
|
||||
authorName: "Dr. Miller",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-bright-blue-sweater_633478-2084.jpg",
|
||||
date: "Nov 2024",
|
||||
},
|
||||
id: "b2", category: "Science", title: "Nebula Mysteries", excerpt: "Behind the stunning galactic vistas seen in the film.", imageSrc: "http://img.b2bpic.net/free-photo/blue-universe-star-explosion_181624-14998.jpg", authorName: "Dr. Miller", authorAvatar: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-bright-blue-sweater_633478-2084.jpg", date: "Nov 2024"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Exploration",
|
||||
title: "Finding New Worlds",
|
||||
excerpt: "Designing the alien landscapes encountered in the film.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-shot-sprawling-desert-landscape-with-lone-figure-walking-towards-setting-sun-epic-establishing-shot_73899-23216.jpg",
|
||||
authorName: "Art Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-man-with-curly-hair-wearing-shirt_273609-19792.jpg",
|
||||
date: "Dec 2024",
|
||||
},
|
||||
id: "b3", category: "Exploration", title: "Finding New Worlds", excerpt: "Designing the alien landscapes encountered in the film.", imageSrc: "http://img.b2bpic.net/free-photo/panoramic-shot-sprawling-desert-landscape-with-lone-figure-walking-towards-setting-sun-epic-establishing-shot_73899-23216.jpg", authorName: "Art Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-man-with-curly-hair-wearing-shirt_273609-19792.jpg", date: "Dec 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -324,16 +210,10 @@ export default function LandingPage() {
|
||||
description="Sign up to receive updates on our cosmic explorations and cinematic retrospectives."
|
||||
inputs={[
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Enter your email address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Enter your email address", required: true,
|
||||
},
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your name", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-cosmonaut-space-suit-floats-orbit-earth_482257-126595.jpg"
|
||||
@@ -345,50 +225,31 @@ export default function LandingPage() {
|
||||
logoText="INTERSTELLAR"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Missions",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Missions", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Science",
|
||||
href: "#",
|
||||
},
|
||||
label: "Science", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
label: "Blog", href: "#blog"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user