Merge version_1 into main #2
341
src/app/page.tsx
341
src/app/page.tsx
@@ -13,7 +13,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Gauge, Rocket, Star } from "lucide-react";
|
||||
import { Gauge, Rocket, Star, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "History",
|
||||
id: "timeline",
|
||||
},
|
||||
{
|
||||
name: "Arsenal",
|
||||
id: "weapons",
|
||||
},
|
||||
{
|
||||
name: "Jets",
|
||||
id: "jets",
|
||||
},
|
||||
{
|
||||
name: "Atomic Bomb",
|
||||
id: "atomic-bomb",
|
||||
},
|
||||
{ name: "History", id: "timeline" },
|
||||
{ name: "Arsenal", id: "weapons" },
|
||||
{ name: "Jets", id: "jets" },
|
||||
{ name: "Atomic Bomb", id: "atomic-bomb" },
|
||||
]}
|
||||
brandName="WWII Archive"
|
||||
/>
|
||||
@@ -56,109 +44,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Global Conflict of 1939-1945"
|
||||
description="A comprehensive digital archive documenting the causes, technology, and strategic events of World War II."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-retro-1920s-english-arabian-business-man-wearing-dark-suit-tie-flat-cap-standing-against-old-brick-house-1898-year_627829-6865.jpg?_wi=1",
|
||||
imageAlt: "Soldiers in field",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-abandoned-small-airplane-field_181624-61599.jpg?_wi=1",
|
||||
imageAlt: "Aircraft flight",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-style-view-combat-tank-vehicle-war-time_23-2151663551.jpg?_wi=1",
|
||||
imageAlt: "Strategic map",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-background-concept_23-2149396013.jpg?_wi=1",
|
||||
imageAlt: "Infantry rifle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diligent-worker-is-focused-jet-s-engine-he-is-wearing-helmet-uniform_613910-20938.jpg",
|
||||
imageAlt: "Aircraft interior",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-retro-1920s-english-arabian-business-man-wearing-dark-suit-tie-flat-cap-standing-against-old-brick-house-1898-year_627829-6865.jpg", imageAlt: "Soldiers in field" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/old-abandoned-small-airplane-field_181624-61599.jpg", imageAlt: "Aircraft flight" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vintage-style-view-combat-tank-vehicle-war-time_23-2151663551.jpg", imageAlt: "Strategic map" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cowboy-background-concept_23-2149396013.jpg", imageAlt: "Infantry rifle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/diligent-worker-is-focused-jet-s-engine-he-is-wearing-helmet-uniform_613910-20938.jpg", imageAlt: "Aircraft interior" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-style-view-combat-tank-vehicle-war-time_23-2151663551.jpg?_wi=2",
|
||||
imageAlt: "Strategic map",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scary-apocalyptic-nuclear-bomb-explosion-with-mushroom_23-2150805462.jpg",
|
||||
imageAlt: "Atomic cloud",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-scandinavian-female-viking-person_23-2151707048.jpg?_wi=1",
|
||||
imageAlt: "Veteran portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-working-woman-celebration-labour-day_23-2151296015.jpg?_wi=1",
|
||||
imageAlt: "Soldier portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-general-uniform_23-2149742949.jpg",
|
||||
imageAlt: "Worker portrait",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Timeline",
|
||||
href: "#timeline",
|
||||
},
|
||||
{
|
||||
text: "Explore Arsenal",
|
||||
href: "#weapons",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-scandinavian-female-viking-person_23-2151707048.jpg",
|
||||
alt: "Veteran",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-general-uniform-front-view_23-2149742942.jpg",
|
||||
alt: "Nurse",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-portrait-working-woman-celebration-labour-day_23-2151296015.jpg",
|
||||
alt: "Historian",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784423.jpg",
|
||||
alt: "Researcher",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-general-uniform_23-2149742949.jpg",
|
||||
alt: "Worker",
|
||||
},
|
||||
]}
|
||||
avatarText="Curated by 50+ military historians"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "1939-1945",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ALLIED ARCHIVE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AXIS DOCUMENTATION",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "GLOBAL CONFLICT",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "RESEARCH PROJECT",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vintage-style-view-combat-tank-vehicle-war-time_23-2151663551.jpg", imageAlt: "Strategic map" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scary-apocalyptic-nuclear-bomb-explosion-with-mushroom_23-2150805462.jpg", imageAlt: "Atomic cloud" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-scandinavian-female-viking-person_23-2151707048.jpg", imageAlt: "Veteran portrait" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-working-woman-celebration-labour-day_23-2151296015.jpg", imageAlt: "Soldier portrait" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-general-uniform_23-2149742949.jpg", imageAlt: "Worker portrait" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,27 +70,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "1939 - The Outbreak",
|
||||
description: "Invasion of Poland marks the start of European hostility.",
|
||||
bentoComponent: "timeline",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-retro-1920s-english-arabian-business-man-wearing-dark-suit-tie-flat-cap-standing-against-old-brick-house-1898-year_627829-6865.jpg?_wi=2",
|
||||
imageAlt: "wwii historical footage soldiers",
|
||||
},
|
||||
{
|
||||
title: "1941 - Global Scale",
|
||||
description: "Operation Barbarossa and the attack on Pearl Harbor.",
|
||||
bentoComponent: "map",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-abandoned-small-airplane-field_181624-61599.jpg?_wi=2",
|
||||
imageAlt: "wwii spitfire plane flight",
|
||||
},
|
||||
{
|
||||
title: "1945 - The Conclusion",
|
||||
description: "V-E Day and V-J Day ending the total war.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-style-view-combat-tank-vehicle-war-time_23-2151663551.jpg?_wi=3",
|
||||
imageAlt: "wwii military strategic map",
|
||||
},
|
||||
{ title: "1939 - The Outbreak", description: "Invasion of Poland marks the start of European hostility.", bentoComponent: "timeline", heading: "1939", subheading: "Outbreak", items: [{label: "Invasion", detail: "Poland"}, {label: "War", detail: "Hostility"}, {label: "Conflict", detail: "Europe"}], completedLabel: "Started" },
|
||||
{ title: "1941 - Global Scale", description: "Operation Barbarossa and the attack on Pearl Harbor.", bentoComponent: "map" },
|
||||
{ title: "1945 - The Conclusion", description: "V-E Day and V-J Day ending the total war.", bentoComponent: "animated-bar-chart" },
|
||||
]}
|
||||
title="The Arc of Conflict"
|
||||
description="Chronological progression of the war from the invasion of Poland to the surrender in the Pacific."
|
||||
@@ -201,24 +84,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "M1 Garand",
|
||||
description: "Standard issue semi-automatic rifle for U.S. forces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-background-concept_23-2149396013.jpg?_wi=2",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Kar98k",
|
||||
description: "The primary bolt-action rifle of the German Wehrmacht.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-background-concept_23-2149396013.jpg?_wi=3",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "MP40",
|
||||
description: "Submachine gun favored by German infantry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-background-concept_23-2149396013.jpg?_wi=4",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{ title: "M1 Garand", description: "Standard issue semi-automatic rifle for U.S. forces.", imageSrc: "http://img.b2bpic.net/free-photo/cowboy-background-concept_23-2149396013.jpg", buttonIcon: Zap },
|
||||
{ title: "Kar98k", description: "The primary bolt-action rifle of the German Wehrmacht.", imageSrc: "http://img.b2bpic.net/free-photo/cowboy-background-concept_23-2149396013.jpg", buttonIcon: Zap },
|
||||
{ title: "MP40", description: "Submachine gun favored by German infantry.", imageSrc: "http://img.b2bpic.net/free-photo/cowboy-background-concept_23-2149396013.jpg", buttonIcon: Zap },
|
||||
]}
|
||||
title="Weaponry of the War"
|
||||
description="Iconic infantry arms and artillery systems utilized by the Allied and Axis powers."
|
||||
@@ -232,27 +100,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "550",
|
||||
title: "Me 262 Top Speed (mph)",
|
||||
description: "World's first operational turbojet fighter.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1,400",
|
||||
title: "Gloster Meteor Total Units",
|
||||
description: "The only Allied jet operational in WWII.",
|
||||
icon: Rocket,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "30+",
|
||||
title: "Jet Variants",
|
||||
description: "Experimental models late in the war.",
|
||||
icon: Gauge,
|
||||
},
|
||||
{ id: "m1", value: "550", title: "Me 262 Top Speed (mph)", description: "World's first operational turbojet fighter.", icon: Star },
|
||||
{ id: "m2", value: "1,400", title: "Gloster Meteor Total Units", description: "The only Allied jet operational in WWII.", icon: Rocket },
|
||||
{ id: "m3", value: "30+", title: "Jet Variants", description: "Experimental models late in the war.", icon: Gauge },
|
||||
]}
|
||||
title="Aerospace Innovation"
|
||||
description="The shift toward jet-powered warfare during the later years of the conflict."
|
||||
@@ -266,26 +116,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Dr. Aris Thorne"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-scandinavian-female-viking-person_23-2151707048.jpg",
|
||||
alt: "Vet",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-general-uniform-front-view_23-2149742942.jpg",
|
||||
alt: "Nurse",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-portrait-working-woman-celebration-labour-day_23-2151296015.jpg",
|
||||
alt: "Historian",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784423.jpg",
|
||||
alt: "Researcher",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-general-uniform_23-2149742949.jpg",
|
||||
alt: "Factory Worker",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-scandinavian-female-viking-person_23-2151707048.jpg", alt: "Vet" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-general-uniform-front-view_23-2149742942.jpg", alt: "Nurse" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-white-portrait-working-woman-celebration-labour-day_23-2151296015.jpg", alt: "Historian" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784423.jpg", alt: "Researcher" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-general-uniform_23-2149742949.jpg", alt: "Factory Worker" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -297,20 +132,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mass destruction",
|
||||
"Radiation fallout",
|
||||
"Civilians lost",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Early conflict end",
|
||||
"Technological shift",
|
||||
"Post-war paradigm",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Mass destruction", "Radiation fallout", "Civilians lost"] }}
|
||||
positiveCard={{ items: ["Early conflict end", "Technological shift", "Post-war paradigm"] }}
|
||||
title="The Atomic Age Dawn"
|
||||
description="The Manhattan Project and the devastating utilization of the atomic bomb on Hiroshima and Nagasaki."
|
||||
/>
|
||||
@@ -318,33 +141,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Historian",
|
||||
role: "Lead Archivist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-scandinavian-female-viking-person_23-2151707048.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Researcher",
|
||||
role: "Weaponry Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-general-uniform-front-view_23-2149742942.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie Pilot",
|
||||
role: "Aviation Analyst",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-working-woman-celebration-labour-day_23-2151296015.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana Curator",
|
||||
role: "Museum Liaison",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784423.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alice Historian", role: "Lead Archivist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-scandinavian-female-viking-person_23-2151707048.jpg" },
|
||||
{ id: "t2", name: "Bob Researcher", role: "Weaponry Expert", imageSrc: "http://img.b2bpic.net/free-photo/woman-general-uniform-front-view_23-2149742942.jpg" },
|
||||
{ id: "t3", name: "Charlie Pilot", role: "Aviation Analyst", imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-working-woman-celebration-labour-day_23-2151296015.jpg" },
|
||||
{ id: "t4", name: "Diana Curator", role: "Museum Liaison", imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784423.jpg" },
|
||||
]}
|
||||
title="Historical Research Team"
|
||||
description="The team curating these documented archives."
|
||||
@@ -356,21 +160,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What started WWII?",
|
||||
content: "Tensions from WWI and the Nazi invasion of Poland.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "When did it end?",
|
||||
content: "September 2, 1945, with the formal surrender.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Why jet planes?",
|
||||
content: "The need for superior speed and interception capabilities.",
|
||||
},
|
||||
{ id: "q1", title: "What started WWII?", content: "Tensions from WWI and the Nazi invasion of Poland." },
|
||||
{ id: "q2", title: "When did it end?", content: "September 2, 1945, with the formal surrender." },
|
||||
{ id: "q3", title: "Why jet planes?", content: "The need for superior speed and interception capabilities." },
|
||||
]}
|
||||
title="Historical Questions"
|
||||
description="Answers to common inquiries regarding the second world war."
|
||||
@@ -381,63 +173,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquiry"
|
||||
title="Request Historical Data"
|
||||
description="Reach out to our archival team for specific military research requests."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Timeline",
|
||||
items: [
|
||||
{
|
||||
label: "Early Years",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Key Battles",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Arsenal",
|
||||
items: [
|
||||
{
|
||||
label: "Infantry",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Jets",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Archive Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Timeline", items: [{ label: "Early Years", href: "#" }, { label: "Key Battles", href: "#" }] },
|
||||
{ title: "Arsenal", items: [{ label: "Infantry", href: "#" }, { label: "Jets", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Archive Policy", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user