Merge version_1 into main #2
324
src/app/page.tsx
324
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Configurations",
|
||||
id: "#planner",
|
||||
},
|
||||
name: "Configurations", id: "#planner"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Technology",
|
||||
id: "#technology",
|
||||
},
|
||||
name: "Technology", id: "#technology"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Process", id: "#process"},
|
||||
{
|
||||
name: "Consultation",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Consultation", id: "#contact"},
|
||||
]}
|
||||
brandName="BUNKER UAE"
|
||||
/>
|
||||
@@ -58,81 +48,50 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Design Your Private Protection Space"
|
||||
description="Premium underground bunker solutions engineered for safety, comfort, privacy, and long-term resilience in the UAE."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Security Reliability",
|
||||
},
|
||||
value: "100%", label: "Security Reliability"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Autonomous Support",
|
||||
},
|
||||
value: "24/7", label: "Autonomous Support"},
|
||||
{
|
||||
value: "30+",
|
||||
label: "Years Resilience",
|
||||
},
|
||||
value: "30+", label: "Years Resilience"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Configurations",
|
||||
href: "#planner",
|
||||
},
|
||||
text: "Explore Configurations", href: "#planner"},
|
||||
{
|
||||
text: "Request Private Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Private Consultation", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/labovo-architectural-artwork-belgium_181624-30463.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/labovo-architectural-artwork-belgium_181624-30463.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162902.jpg",
|
||||
alt: "Architectural professional 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162902.jpg", alt: "Architectural professional 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wide-angle-shot-person-sailing-small-boat-surrounded-with-large-columns_181624-11434.jpg",
|
||||
alt: "Architectural professional 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/wide-angle-shot-person-sailing-small-boat-surrounded-with-large-columns_181624-11434.jpg", alt: "Architectural professional 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ramp-building_23-2149397554.jpg",
|
||||
alt: "Architectural professional 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/ramp-building_23-2149397554.jpg", alt: "Architectural professional 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/white-colored-train-station_181624-310.jpg",
|
||||
alt: "Architectural professional 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/white-colored-train-station_181624-310.jpg", alt: "Architectural professional 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862096.jpg",
|
||||
alt: "Architectural professional 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862096.jpg", alt: "Architectural professional 5"},
|
||||
]}
|
||||
avatarText="Trusted by elite estates"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Blast-Rated Standards",
|
||||
},
|
||||
type: "text", text: "Blast-Rated Standards"},
|
||||
{
|
||||
type: "text",
|
||||
text: "HEPA Filtration",
|
||||
},
|
||||
type: "text", text: "HEPA Filtration"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Autonomous Power",
|
||||
},
|
||||
type: "text", text: "Autonomous Power"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bio-Security",
|
||||
},
|
||||
type: "text", text: "Bio-Security"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Interiors",
|
||||
},
|
||||
type: "text", text: "Luxury Interiors"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,60 +103,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Essential · 1–2 People",
|
||||
description: "Compact, efficient layout for rapid response.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-construction-drafts_23-2147785539.jpg?_wi=1",
|
||||
imageAlt: "Essential Floor Plan",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-plans_23-2148819905.jpg",
|
||||
imageAlt: "Essential Specifications",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/labovo-architectural-artwork-belgium_181624-30463.jpg?_wi=2",
|
||||
imageAlt: "luxury architectural floor plan minimal",
|
||||
title: "Essential · 1–2 People", description: "Compact, efficient layout for rapid response.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-construction-drafts_23-2147785539.jpg", imageAlt: "Essential Floor Plan" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-plans_23-2148819905.jpg", imageAlt: "Essential Specifications" }
|
||||
},
|
||||
{
|
||||
title: "Family · 4–6 People",
|
||||
description: "Spacious family protection with multi-zone security.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091327.jpg?_wi=1",
|
||||
imageAlt: "Family Floor Plan",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-hanging-out_23-2149410385.jpg",
|
||||
imageAlt: "Family Specifications",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept-with-building-plan_23-2147813073.jpg",
|
||||
imageAlt: "luxury architectural floor plan minimal",
|
||||
title: "Family · 4–6 People", description: "Spacious family protection with multi-zone security.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091327.jpg", imageAlt: "Family Floor Plan" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-hanging-out_23-2149410385.jpg", imageAlt: "Family Specifications" }
|
||||
},
|
||||
{
|
||||
title: "Extended · 8–10 People",
|
||||
description: "Premium extended utilities and redundant systems.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211340.jpg",
|
||||
imageAlt: "Extended Floor Plan",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bunch-blueprints_23-2147785535.jpg",
|
||||
imageAlt: "Extended Specifications",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/web-design-icons_23-2147508355.jpg?_wi=1",
|
||||
imageAlt: "luxury architectural floor plan minimal",
|
||||
title: "Extended · 8–10 People", description: "Premium extended utilities and redundant systems.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211340.jpg", imageAlt: "Extended Floor Plan" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/bunch-blueprints_23-2147785535.jpg", imageAlt: "Extended Specifications" }
|
||||
},
|
||||
{
|
||||
title: "Executive · 14 People",
|
||||
description: "Large-scale suite with master command and airlocks.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-chinese-new-year-solid-glyph-icon-presentation-vector-icons-illustration_1142-17126.jpg?_wi=1",
|
||||
imageAlt: "Executive Floor Plan",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-majestic-castle_23-2150791517.jpg",
|
||||
imageAlt: "Executive Specifications",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/shields-circles-set-four_78370-9069.jpg?_wi=1",
|
||||
imageAlt: "luxury architectural floor plan minimal",
|
||||
title: "Executive · 14 People", description: "Large-scale suite with master command and airlocks.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/20-chinese-new-year-solid-glyph-icon-presentation-vector-icons-illustration_1142-17126.jpg", imageAlt: "Executive Floor Plan" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-majestic-castle_23-2150791517.jpg", imageAlt: "Executive Specifications" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -213,46 +132,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Construction & NBC",
|
||||
description: "Reinforced concrete and blast-rated security.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/web-design-icons_23-2147508355.jpg?_wi=2",
|
||||
imageAlt: "Icon 1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-chinese-new-year-solid-glyph-icon-presentation-vector-icons-illustration_1142-17126.jpg?_wi=2",
|
||||
imageAlt: "Icon 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/labovo-architectural-artwork-belgium_181624-30463.jpg?_wi=3",
|
||||
imageAlt: "golden minimalist architectural icon",
|
||||
title: "Construction & NBC", description: "Reinforced concrete and blast-rated security.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/web-design-icons_23-2147508355.jpg", imageAlt: "Icon 1" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/20-chinese-new-year-solid-glyph-icon-presentation-vector-icons-illustration_1142-17126.jpg", imageAlt: "Icon 2" }
|
||||
},
|
||||
{
|
||||
title: "Independence Systems",
|
||||
description: "Independent power grids and advanced purification.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side_187299-39535.jpg",
|
||||
imageAlt: "Icon 3",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/shields-circles-set-four_78370-9069.jpg?_wi=2",
|
||||
imageAlt: "Icon 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-construction-drafts_23-2147785539.jpg?_wi=2",
|
||||
imageAlt: "golden minimalist architectural icon",
|
||||
title: "Independence Systems", description: "Independent power grids and advanced purification.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side_187299-39535.jpg", imageAlt: "Icon 3" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/shields-circles-set-four_78370-9069.jpg", imageAlt: "Icon 4" }
|
||||
},
|
||||
{
|
||||
title: "Lifestyle Finishing",
|
||||
description: "Premium interiors for long-term comfort.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-flash-lightning-sale-thunder-bolts-set_107791-17343.jpg",
|
||||
imageAlt: "Icon 5",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-gateway-portal-with-desert-landscape_23-2151239090.jpg",
|
||||
imageAlt: "Icon 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091327.jpg?_wi=2",
|
||||
imageAlt: "golden minimalist architectural icon",
|
||||
title: "Lifestyle Finishing", description: "Premium interiors for long-term comfort.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-flash-lightning-sale-thunder-bolts-set_107791-17343.jpg", imageAlt: "Icon 5" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-gateway-portal-with-desert-landscape_23-2151239090.jpg", imageAlt: "Icon 6" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -269,59 +158,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "t1",
|
||||
brand: "System",
|
||||
name: "Industrial Filtration",
|
||||
price: "High Performance",
|
||||
rating: 5,
|
||||
reviewCount: "Certified",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tracking-software-displayed-monitor-industry-40-industrial-plant_482257-120661.jpg",
|
||||
},
|
||||
id: "t1", brand: "System", name: "Industrial Filtration", price: "High Performance", rating: 5,
|
||||
reviewCount: "Certified", imageSrc: "http://img.b2bpic.net/free-photo/tracking-software-displayed-monitor-industry-40-industrial-plant_482257-120661.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
brand: "System",
|
||||
name: "Power Management",
|
||||
price: "Battery Backup",
|
||||
rating: 5,
|
||||
reviewCount: "Autonomous",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599431.jpg",
|
||||
},
|
||||
id: "t2", brand: "System", name: "Power Management", price: "Battery Backup", rating: 5,
|
||||
reviewCount: "Autonomous", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599431.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
brand: "System",
|
||||
name: "Water Purification",
|
||||
price: "Purified H2O",
|
||||
rating: 5,
|
||||
reviewCount: "Resilient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-298.jpg",
|
||||
},
|
||||
id: "t3", brand: "System", name: "Water Purification", price: "Purified H2O", rating: 5,
|
||||
reviewCount: "Resilient", imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-298.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
brand: "System",
|
||||
name: "Blast Doors",
|
||||
price: "Reinforced Steel",
|
||||
rating: 5,
|
||||
reviewCount: "Level V",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281308.jpg",
|
||||
},
|
||||
id: "t4", brand: "System", name: "Blast Doors", price: "Reinforced Steel", rating: 5,
|
||||
reviewCount: "Level V", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281308.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
brand: "System",
|
||||
name: "Communication",
|
||||
price: "Secure Radio",
|
||||
rating: 5,
|
||||
reviewCount: "Encrypted",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722708.jpg",
|
||||
},
|
||||
id: "t5", brand: "System", name: "Communication", price: "Secure Radio", rating: 5,
|
||||
reviewCount: "Encrypted", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722708.jpg"},
|
||||
{
|
||||
id: "t6",
|
||||
brand: "System",
|
||||
name: "Medical Suite",
|
||||
price: "Equipped",
|
||||
rating: 5,
|
||||
reviewCount: "Safe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-electronic-computer-motherboard_1387-753.jpg",
|
||||
},
|
||||
id: "t6", brand: "System", name: "Medical Suite", price: "Equipped", rating: 5,
|
||||
reviewCount: "Safe", imageSrc: "http://img.b2bpic.net/free-photo/technology-electronic-computer-motherboard_1387-753.jpg"},
|
||||
]}
|
||||
title="Advanced Bunker Systems"
|
||||
description="High-reliability engineering for sustained independence."
|
||||
@@ -335,30 +188,15 @@ export default function LandingPage() {
|
||||
tag="From Consultation to Delivery"
|
||||
metrics={[
|
||||
{
|
||||
id: "p1",
|
||||
value: "Step 1",
|
||||
description: "Consultation",
|
||||
},
|
||||
id: "p1", value: "Step 1", description: "Consultation"},
|
||||
{
|
||||
id: "p2",
|
||||
value: "Step 2",
|
||||
description: "Site Feasibility",
|
||||
},
|
||||
id: "p2", value: "Step 2", description: "Site Feasibility"},
|
||||
{
|
||||
id: "p3",
|
||||
value: "Step 3",
|
||||
description: "Concept Design",
|
||||
},
|
||||
id: "p3", value: "Step 3", description: "Concept Design"},
|
||||
{
|
||||
id: "p4",
|
||||
value: "Step 4",
|
||||
description: "Construction",
|
||||
},
|
||||
id: "p4", value: "Step 4", description: "Construction"},
|
||||
{
|
||||
id: "p5",
|
||||
value: "Step 5",
|
||||
description: "Handover",
|
||||
},
|
||||
id: "p5", value: "Step 5", description: "Handover"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -372,25 +210,15 @@ export default function LandingPage() {
|
||||
author="Private Estate Owner, Dubai"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/soft-pastel-hues-room-kids_23-2151690359.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/soft-pastel-hues-room-kids_23-2151690359.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397567.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397567.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stained-glass-classic-stairwell-view-from_169016-69796.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stained-glass-classic-stairwell-view-from_169016-69796.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gray-concrete-stairs-inside-building_250224-97.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gray-concrete-stairs-inside-building_250224-97.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/staircase-stone-building-leading-outside_181624-13453.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/staircase-stone-building-leading-outside_181624-13453.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -408,8 +236,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Confidential"
|
||||
title="Request a Private Consultation"
|
||||
description="Discuss your requirements for security and luxury comfort."
|
||||
@@ -425,42 +252,27 @@ export default function LandingPage() {
|
||||
logoText="BUNKER UAE"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Engineering",
|
||||
href: "#",
|
||||
},
|
||||
label: "Engineering", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
title: "Solutions", items: [
|
||||
{
|
||||
label: "Configurations",
|
||||
href: "#planner",
|
||||
},
|
||||
label: "Configurations", href: "#planner"},
|
||||
{
|
||||
label: "Technology",
|
||||
href: "#technology",
|
||||
},
|
||||
label: "Technology", href: "#technology"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user