Merge version_1 into main #3
@@ -10,7 +10,7 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { Brain, Bell, Cpu, Eye, Fist, MagnifyingGlass, Mask, Mind, Network, Shield, Users, Zap } from "lucide-react";
|
||||
import { Brain, Bell, Cpu, Eye, Search, AlertCircle, Eye as EyeOff, Network, Shield, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,7 +20,7 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -37,7 +37,8 @@ export default function LandingPage() {
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
button={{
|
||||
text: "Join Mission", href: "contact"}}
|
||||
text: "Join Mission", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -46,19 +47,24 @@ export default function LandingPage() {
|
||||
title="I am the night. I am vengeance. I am Batman."
|
||||
description="Gotham's Dark Knight fights for justice in the shadows. Master detective, martial artist, and technological innovator—Batman stands alone against crime and corruption."
|
||||
tag="The Caped Crusader"
|
||||
tagIcon={Mask}
|
||||
background={{ variant: "noiseDiagonalGradient" }}
|
||||
tagIcon={AlertCircle}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-new-york-city-sunset_23-2148287811.jpg", imageAlt: "Batman dark knight silhouette"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-new-york-city-sunset_23-2148287811.jpg", imageAlt: "Batman dark knight silhouette"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45680.jpg", imageAlt: "Bruce Wayne billionaire"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45680.jpg", imageAlt: "Bruce Wayne billionaire"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smart-technology-concept-composition_1284-34716.jpg", imageAlt: "Batman advanced technology"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smart-technology-concept-composition_1284-34716.jpg", imageAlt: "Batman advanced technology"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-afroamerican-boxer_171337-9196.jpg", imageAlt: "Batman combat training"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-afroamerican-boxer_171337-9196.jpg", imageAlt: "Batman combat training"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/firefighter-with-safety-suit-station_23-2149206381.jpg", imageAlt: "Batman detective skills"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/firefighter-with-safety-suit-station_23-2149206381.jpg", imageAlt: "Batman detective skills"
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Explore Gotham", href: "about" },
|
||||
@@ -88,23 +94,29 @@ export default function LandingPage() {
|
||||
description="Master of detection, combat, psychology, and technology. The Dark Knight's extraordinary abilities make him one of Earth's finest heroes."
|
||||
features={[
|
||||
{
|
||||
title: "Master Detective", description: "Unparalleled forensic analysis and crime-solving prowess. Batman's detective skills have solved the world's most complex cases.", imageSrc: "http://img.b2bpic.net/free-photo/firefighter-with-safety-suit-station_23-2149206381.jpg", imageAlt: "Detective skills investigation", buttonIcon: MagnifyingGlass,
|
||||
buttonHref: "#features"},
|
||||
title: "Master Detective", description: "Unparalleled forensic analysis and crime-solving prowess. Batman's detective skills have solved the world's most complex cases.", imageSrc: "http://img.b2bpic.net/free-photo/firefighter-with-safety-suit-station_23-2149206381.jpg", imageAlt: "Detective skills investigation", buttonIcon: Search,
|
||||
buttonHref: "#features"
|
||||
},
|
||||
{
|
||||
title: "Combat Mastery", description: "Expert in 127 martial arts styles. Batman's combat training makes him capable of facing superhuman opponents.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-afroamerican-boxer_171337-9196.jpg", imageAlt: "Martial arts combat training", buttonIcon: Fist,
|
||||
buttonHref: "#features"},
|
||||
title: "Combat Mastery", description: "Expert in 127 martial arts styles. Batman's combat training makes him capable of facing superhuman opponents.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-afroamerican-boxer_171337-9196.jpg", imageAlt: "Martial arts combat training", buttonIcon: Shield,
|
||||
buttonHref: "#features"
|
||||
},
|
||||
{
|
||||
title: "Advanced Technology", description: "Cutting-edge gadgets and surveillance systems. Batman's tech innovations give him the edge in crime-fighting.", imageSrc: "http://img.b2bpic.net/free-vector/smart-technology-concept-composition_1284-34716.jpg", imageAlt: "Batman technology gadgets", buttonIcon: Cpu,
|
||||
buttonHref: "#features"},
|
||||
buttonHref: "#features"
|
||||
},
|
||||
{
|
||||
title: "Psychological Warfare", description: "Master of fear and strategy. Batman uses psychology to outwit criminals and maintain the upper hand.", imageSrc: "http://img.b2bpic.net/free-photo/grteyscale-photo-smiling-woman_250224-284.jpg", imageAlt: "Psychological strategy analysis", buttonIcon: Mind,
|
||||
buttonHref: "#features"},
|
||||
title: "Psychological Warfare", description: "Master of fear and strategy. Batman uses psychology to outwit criminals and maintain the upper hand.", imageSrc: "http://img.b2bpic.net/free-photo/grteyscale-photo-smiling-woman_250224-284.jpg", imageAlt: "Psychological strategy analysis", buttonIcon: Brain,
|
||||
buttonHref: "#features"
|
||||
},
|
||||
{
|
||||
title: "Stealth Operations", description: "Invisible in the night. Batman's stealth abilities allow him to strike from the shadows undetected.", imageSrc: "http://img.b2bpic.net/free-photo/cityscape-new-york-city-sunset_23-2148287811.jpg", imageAlt: "Batman stealth silhouette", buttonIcon: Eye,
|
||||
buttonHref: "#features"},
|
||||
title: "Stealth Operations", description: "Invisible in the night. Batman's stealth abilities allow him to strike from the shadows undetected.", imageSrc: "http://img.b2bpic.net/free-photo/cityscape-new-york-city-sunset_23-2148287811.jpg", imageAlt: "Batman stealth silhouette", buttonIcon: EyeOff,
|
||||
buttonHref: "#features"
|
||||
},
|
||||
{
|
||||
title: "Strategic Leadership", description: "Leader of heroes. Batman's tactical brilliance unites the world's greatest heroes against darkness.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45680.jpg", imageAlt: "Strategic leadership planning", buttonIcon: Shield,
|
||||
buttonHref: "#features"},
|
||||
title: "Strategic Leadership", description: "Leader of heroes. Batman's tactical brilliance unites the world's greatest heroes against darkness.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45680.jpg", imageAlt: "Strategic leadership planning", buttonIcon: Users,
|
||||
buttonHref: "#features"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -115,13 +127,17 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Superman", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-striped-shirt-eyeglasses_273609-11332.jpg", imageAlt: "Superman"},
|
||||
id: "1", name: "Superman", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-striped-shirt-eyeglasses_273609-11332.jpg", imageAlt: "Superman"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Wonder Woman", imageSrc: "http://img.b2bpic.net/free-photo/annoyed-caucasian-superhero-girl-with-red-cape-optical-glasses-keeping-fists-white_141793-97910.jpg", imageAlt: "Wonder Woman"},
|
||||
id: "2", name: "Wonder Woman", imageSrc: "http://img.b2bpic.net/free-photo/annoyed-caucasian-superhero-girl-with-red-cape-optical-glasses-keeping-fists-white_141793-97910.jpg", imageAlt: "Wonder Woman"
|
||||
},
|
||||
{
|
||||
id: "3", name: "The Flash", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-shirt-standing-isolated-yellow-background-showing-arms-muscles-smiling-proud-fitness-concept_839833-31802.jpg", imageAlt: "The Flash"},
|
||||
id: "3", name: "The Flash", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-shirt-standing-isolated-yellow-background-showing-arms-muscles-smiling-proud-fitness-concept_839833-31802.jpg", imageAlt: "The Flash"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Aquaman", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-superhero-guy-looking-side-wearing-tie-crossing-hands-isolated-white_141793-56531.jpg", imageAlt: "Aquaman"},
|
||||
id: "4", name: "Aquaman", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-superhero-guy-looking-side-wearing-tie-crossing-hands-isolated-white_141793-56531.jpg", imageAlt: "Aquaman"
|
||||
},
|
||||
]}
|
||||
cardTitle="Trusted by the World's Greatest Heroes"
|
||||
cardTag="Justice League Members"
|
||||
@@ -138,7 +154,8 @@ export default function LandingPage() {
|
||||
tag="Supported By"
|
||||
tagIcon={Network}
|
||||
names={[
|
||||
"Justice League", "Gotham PD", "Wayne Enterprises", "Arkham Asylum", "Batcave Collective", "Robin Alliance", "Gotham Knights", "Detective Squad"]}
|
||||
"Justice League", "Gotham PD", "Wayne Enterprises", "Arkham Asylum", "Batcave Collective", "Robin Alliance", "Gotham Knights", "Detective Squad"
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
@@ -152,17 +169,23 @@ export default function LandingPage() {
|
||||
sideDescription="Everything you need to know about Batman, Gotham's guardian, and his mission for justice."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Who is Batman?", content: "Batman is the alter ego of billionaire philanthropist Bruce Wayne, Gotham's Dark Knight who fights crime using detective skills, martial arts mastery, and advanced technology. By day, he's a businessman; by night, he's a vigilante protector of Gotham City."},
|
||||
id: "1", title: "Who is Batman?", content: "Batman is the alter ego of billionaire philanthropist Bruce Wayne, Gotham's Dark Knight who fights crime using detective skills, martial arts mastery, and advanced technology. By day, he's a businessman; by night, he's a vigilante protector of Gotham City."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What makes Batman unique?", content: "Unlike most superheroes, Batman has no superpowers. Instead, he relies on exceptional intelligence, martial arts expertise across 127 styles, detective abilities, psychological tactics, and cutting-edge technology to overcome his enemies."},
|
||||
id: "2", title: "What makes Batman unique?", content: "Unlike most superheroes, Batman has no superpowers. Instead, he relies on exceptional intelligence, martial arts expertise across 127 styles, detective abilities, psychological tactics, and cutting-edge technology to overcome his enemies."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Is Batman part of the Justice League?", content: "Yes, Batman is a founding member and core strategist of the Justice League, working alongside Superman, Wonder Woman, The Flash, Aquaman, and others to protect Earth from global and cosmic threats."},
|
||||
id: "3", title: "Is Batman part of the Justice League?", content: "Yes, Batman is a founding member and core strategist of the Justice League, working alongside Superman, Wonder Woman, The Flash, Aquaman, and others to protect Earth from global and cosmic threats."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What is the Batcave?", content: "The Batcave is Batman's secret headquarters hidden beneath Wayne Manor in Gotham. It contains his vehicle fleet, including the legendary Batmobile, advanced surveillance systems, and a comprehensive crime-fighting arsenal."},
|
||||
id: "4", title: "What is the Batcave?", content: "The Batcave is Batman's secret headquarters hidden beneath Wayne Manor in Gotham. It contains his vehicle fleet, including the legendary Batmobile, advanced surveillance systems, and a comprehensive crime-fighting arsenal."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Does Batman have sidekicks?", content: "Yes, Batman has worked with several sidekicks throughout his career, most notably Robin. These young heroes are trained in his methods and fight alongside him to protect Gotham City."},
|
||||
id: "5", title: "Does Batman have sidekicks?", content: "Yes, Batman has worked with several sidekicks throughout his career, most notably Robin. These young heroes are trained in his methods and fight alongside him to protect Gotham City."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What is Batman's code?", content: "Batman operates under a strict moral code: he never kills, always protects the innocent, and works within the law when possible. His mission is to bring justice to Gotham and inspire fear in the hearts of criminals."},
|
||||
id: "6", title: "What is Batman's code?", content: "Batman operates under a strict moral code: he never kills, always protects the innocent, and works within the law when possible. His mission is to bring justice to Gotham and inspire fear in the hearts of criminals."
|
||||
},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
|
||||
Reference in New Issue
Block a user