Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
269
src/app/page.tsx
269
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
name: "Work", id: "work"},
|
||||
{
|
||||
name: "Info",
|
||||
id: "about",
|
||||
},
|
||||
name: "Info", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Espacio La Nube"
|
||||
/>
|
||||
@@ -52,47 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Immersive Inflatable Realities"
|
||||
description="Transforming bold ideas into temporary architecture that stimulates emotion and goes beyond the spatial experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Work",
|
||||
href: "#work",
|
||||
},
|
||||
text: "Discover Work", href: "#work"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hugging-her-boyfriend-from_1157-1272.jpg",
|
||||
imageAlt: "Inflatable Nube 01",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-hugging-her-boyfriend-from_1157-1272.jpg", imageAlt: "Inflatable Nube 01"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-top-building_181624-36636.jpg",
|
||||
imageAlt: "Inflatable Nube 02",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/people-top-building_181624-36636.jpg", imageAlt: "Inflatable Nube 02"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666286.jpg",
|
||||
imageAlt: "Inflatable Nube 03",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666286.jpg", imageAlt: "Inflatable Nube 03"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892730.jpg",
|
||||
imageAlt: "Inflatable Nube 04",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892730.jpg", imageAlt: "Inflatable Nube 04"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-high-building-high-quality-photo_114579-12190.jpg",
|
||||
imageAlt: "Inflatable Nube 05",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-high-building-high-quality-photo_114579-12190.jpg", imageAlt: "Inflatable Nube 05"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-japanese-wagasa-umbrella-background_23-2149661141.jpg",
|
||||
imageAlt: "Inflatable Nube 06",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/traditional-japanese-wagasa-umbrella-background_23-2149661141.jpg", imageAlt: "Inflatable Nube 06"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,9 +75,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Temp Architecture Studio"
|
||||
description={[
|
||||
"Espacio La Nube is a temporary architecture studio aiming to transform bold concepts into immersive realities.",
|
||||
"We combine design, manufacturing, and installation to push the boundaries of spatial experience.",
|
||||
]}
|
||||
"Espacio La Nube is a temporary architecture studio aiming to transform bold concepts into immersive realities.", "We combine design, manufacturing, and installation to push the boundaries of spatial experience."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -115,35 +86,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Orbital System",
|
||||
author: "End-to-End",
|
||||
description: "Full lifecycle project management from concept to final dismantling.",
|
||||
tags: [
|
||||
"Project Management",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-grandstands-side-view_23-2149743664.jpg",
|
||||
},
|
||||
id: "1", title: "Orbital System", author: "End-to-End", description: "Full lifecycle project management from concept to final dismantling.", tags: [
|
||||
"Project Management"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-grandstands-side-view_23-2149743664.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Ozone System",
|
||||
author: "Safety",
|
||||
description: "High-durability materials designed for maximum performance in any environment.",
|
||||
tags: [
|
||||
"Engineering",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/development-movements-radial-wrist-joint-functional-board-hand_169016-43096.jpg",
|
||||
},
|
||||
id: "2", title: "Ozone System", author: "Safety", description: "High-durability materials designed for maximum performance in any environment.", tags: [
|
||||
"Engineering"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/development-movements-radial-wrist-joint-functional-board-hand_169016-43096.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Cyclon System",
|
||||
author: "Agility",
|
||||
description: "Rapid installation and dismantling process optimized for large-scale event logistics.",
|
||||
tags: [
|
||||
"Operations",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",
|
||||
},
|
||||
id: "3", title: "Cyclon System", author: "Agility", description: "Rapid installation and dismantling process optimized for large-scale event logistics.", tags: [
|
||||
"Operations"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg"},
|
||||
]}
|
||||
title="Original Systems"
|
||||
description="Our engineering defines the standard for temporary architecture safety, speed, and sustainability."
|
||||
@@ -153,63 +106,28 @@ export default function LandingPage() {
|
||||
<div id="work" data-section="work">
|
||||
<ProductCardTwo
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "n1",
|
||||
brand: "Nube",
|
||||
name: "Nube 01",
|
||||
price: "Rental",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/30-story-tall-atrium-top-100-story-skyscraper_181624-153.jpg",
|
||||
},
|
||||
id: "n1", brand: "Nube", name: "Nube 01", price: "Rental", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/30-story-tall-atrium-top-100-story-skyscraper_181624-153.jpg"},
|
||||
{
|
||||
id: "n2",
|
||||
brand: "Nube",
|
||||
name: "Nube 02",
|
||||
price: "Rental",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-brunette-woman-white-jacket-black-shirt-leather-brown-skirt-restaurant_343629-149.jpg",
|
||||
},
|
||||
id: "n2", brand: "Nube", name: "Nube 02", price: "Rental", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/sexy-brunette-woman-white-jacket-black-shirt-leather-brown-skirt-restaurant_343629-149.jpg"},
|
||||
{
|
||||
id: "n3",
|
||||
brand: "Nube",
|
||||
name: "Nube 03",
|
||||
price: "Rental",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cloud_23-2151113481.jpg",
|
||||
},
|
||||
id: "n3", brand: "Nube", name: "Nube 03", price: "Rental", rating: 4,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cloud_23-2151113481.jpg"},
|
||||
{
|
||||
id: "n4",
|
||||
brand: "Nube",
|
||||
name: "Nube 04",
|
||||
price: "Sales",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-3d-character-children_23-2150473669.jpg",
|
||||
},
|
||||
id: "n4", brand: "Nube", name: "Nube 04", price: "Sales", rating: 5,
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/adorable-3d-character-children_23-2150473669.jpg"},
|
||||
{
|
||||
id: "n5",
|
||||
brand: "Nube",
|
||||
name: "Nube 05",
|
||||
price: "Rental",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-swimsuit-outdoors_23-2150632409.jpg",
|
||||
},
|
||||
id: "n5", brand: "Nube", name: "Nube 05", price: "Rental", rating: 5,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/trendy-swimsuit-outdoors_23-2150632409.jpg"},
|
||||
{
|
||||
id: "n6",
|
||||
brand: "Nube",
|
||||
name: "Nube 06",
|
||||
price: "Rental",
|
||||
rating: 4,
|
||||
reviewCount: "19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-entering-inside-transparent-bubble-tent-glamping-lush-forest-nature-around_1268-24574.jpg",
|
||||
},
|
||||
id: "n6", brand: "Nube", name: "Nube 06", price: "Rental", rating: 4,
|
||||
reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/couple-entering-inside-transparent-bubble-tent-glamping-lush-forest-nature-around_1268-24574.jpg"},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="Our portfolio of Nubes showcases the diversity of temporary architectural forms."
|
||||
@@ -223,26 +141,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1",
|
||||
title: "Concept",
|
||||
description: "Initial design phase.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-banner-sale-ads_23-2150695146.jpg",
|
||||
},
|
||||
id: "m1", value: "1", title: "Concept", description: "Initial design phase.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-banner-sale-ads_23-2150695146.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2",
|
||||
title: "Design",
|
||||
description: "Detailed engineering.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foundation-castle-tower-edo-jo-castle-japan_1232-2306.jpg",
|
||||
},
|
||||
id: "m2", value: "2", title: "Design", description: "Detailed engineering.", imageSrc: "http://img.b2bpic.net/free-photo/foundation-castle-tower-edo-jo-castle-japan_1232-2306.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3",
|
||||
title: "Manufacturing",
|
||||
description: "Precision crafting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595836.jpg",
|
||||
},
|
||||
id: "m3", value: "3", title: "Manufacturing", description: "Precision crafting.", imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595836.jpg"},
|
||||
]}
|
||||
title="7 Steps of Execution"
|
||||
description="Our systematic approach ensures consistency from concept to final support."
|
||||
@@ -254,12 +157,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"GlobalFest",
|
||||
"DesignCo",
|
||||
"LiveArt",
|
||||
"CityShow",
|
||||
"EventsGroup",
|
||||
]}
|
||||
"GlobalFest", "DesignCo", "LiveArt", "CityShow", "EventsGroup"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Industry partners we have collaborated with on monumental temporary projects."
|
||||
/>
|
||||
@@ -273,45 +171,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Events Lead",
|
||||
company: "GlobalFest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-paper-architecture-male-listening_1301-1657.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Events Lead", company: "GlobalFest", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-paper-architecture-male-listening_1301-1657.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Creative Director",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-grey-suit-smiling-camera-background-stylish-cafe-with-lights_291650-638.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Creative Director", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-grey-suit-smiling-camera-background-stylish-cafe-with-lights_291650-638.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
role: "Producer",
|
||||
company: "LiveArt",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/catering-business_1098-15740.jpg",
|
||||
},
|
||||
id: "3", name: "Elena P.", role: "Producer", company: "LiveArt", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/catering-business_1098-15740.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom K.",
|
||||
role: "Manager",
|
||||
company: "CityShow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-speaking-smartphone-cafe_23-2147689190.jpg",
|
||||
},
|
||||
id: "4", name: "Tom K.", role: "Manager", company: "CityShow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-speaking-smartphone-cafe_23-2147689190.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda V.",
|
||||
role: "Planner",
|
||||
company: "EventsGroup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
id: "5", name: "Linda V.", role: "Planner", company: "EventsGroup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Client feedback on our execution and creative excellence."
|
||||
@@ -324,20 +197,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the installation time?",
|
||||
content: "Our Cyclon System allows for fast deployment.",
|
||||
},
|
||||
id: "q1", title: "What is the installation time?", content: "Our Cyclon System allows for fast deployment."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are structures safe?",
|
||||
content: "Yes, our Ozone System ensures compliance.",
|
||||
},
|
||||
id: "q2", title: "Are structures safe?", content: "Yes, our Ozone System ensures compliance."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer rentals?",
|
||||
content: "Yes, we handle both rentals and sales.",
|
||||
},
|
||||
id: "q3", title: "Do you offer rentals?", content: "Yes, we handle both rentals and sales."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/from-people-near-drafts-laptop_23-2147785637.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -351,16 +215,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Transform Your Idea"
|
||||
description="Reach out to us today to bring your next project into reality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@espaciolanube.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:info@espaciolanube.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -371,37 +232,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Work", href: "#work"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user