Merge version_1 into main #1
177
src/app/page.tsx
177
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Vision",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Vision", id: "#hero"},
|
||||
{
|
||||
name: "Capabilities",
|
||||
id: "#capabilities",
|
||||
},
|
||||
name: "Capabilities", id: "#capabilities"},
|
||||
{
|
||||
name: "Vault",
|
||||
id: "#vault",
|
||||
},
|
||||
name: "Vault", id: "#vault"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Prolance Studio"
|
||||
/>
|
||||
@@ -52,41 +44,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="PROLANCE STUDIO: THE FUTURE OF DESIGN."
|
||||
description="Redefining premium visual identity through 3D architecture, motion, and digital craftsmanship."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enter Studio",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Enter Studio", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-landscape-with-photorealistic-view-moon_23-2151158698.jpg",
|
||||
imageAlt: "3d liquid metal sphere chrome",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-landscape-with-photorealistic-view-moon_23-2151158698.jpg", imageAlt: "3d liquid metal sphere chrome"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-rainbow-abstract-bubbles-texture_23-2148205048.jpg",
|
||||
imageAlt: "3d liquid metal sphere chrome",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-rainbow-abstract-bubbles-texture_23-2148205048.jpg", imageAlt: "3d liquid metal sphere chrome"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/escalators-subway-station-night_181624-1589.jpg",
|
||||
imageAlt: "3d liquid metal sphere chrome",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/escalators-subway-station-night_181624-1589.jpg", imageAlt: "3d liquid metal sphere chrome"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-black-ducks_23-2147680069.jpg",
|
||||
imageAlt: "3d liquid metal sphere chrome",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-black-ducks_23-2147680069.jpg", imageAlt: "3d liquid metal sphere chrome"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-concrete-pillars_181624-1500.jpg",
|
||||
imageAlt: "3d liquid metal sphere chrome",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-concrete-pillars_181624-1500.jpg", imageAlt: "3d liquid metal sphere chrome"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-background-with-geometric-shapes-colorful-neon-lights_181624-12168.jpg",
|
||||
imageAlt: "3d liquid metal sphere chrome",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-background-with-geometric-shapes-colorful-neon-lights_181624-12168.jpg", imageAlt: "3d liquid metal sphere chrome"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,38 +75,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Brand Identity",
|
||||
author: "Prolance",
|
||||
description: "Building iconic visual systems that stand the test of time.",
|
||||
tags: [
|
||||
"identity",
|
||||
"strategy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-background_23-2150530947.jpg",
|
||||
},
|
||||
id: "f1", title: "Brand Identity", author: "Prolance", description: "Building iconic visual systems that stand the test of time.", tags: [
|
||||
"identity", "strategy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-background_23-2150530947.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Motion Graphics",
|
||||
author: "Prolance",
|
||||
description: "Bringing static visions to life with kinetic precision.",
|
||||
tags: [
|
||||
"motion",
|
||||
"3d",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627914.jpg",
|
||||
},
|
||||
id: "f2", title: "Motion Graphics", author: "Prolance", description: "Bringing static visions to life with kinetic precision.", tags: [
|
||||
"motion", "3d"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627914.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "UI/UX Architecture",
|
||||
author: "Prolance",
|
||||
description: "Digital interfaces engineered for the high-end experience.",
|
||||
tags: [
|
||||
"ux",
|
||||
"ui",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160275.jpg",
|
||||
},
|
||||
id: "f3", title: "UI/UX Architecture", author: "Prolance", description: "Digital interfaces engineered for the high-end experience.", tags: [
|
||||
"ux", "ui"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160275.jpg"},
|
||||
]}
|
||||
title="Core Capabilities"
|
||||
description="We blend high-status aesthetics with functional intelligence."
|
||||
@@ -138,46 +94,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="vault" data-section="vault">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "v1",
|
||||
name: "Quantum Series",
|
||||
price: "Identity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320694.jpg",
|
||||
},
|
||||
id: "v1", name: "Quantum Series", price: "Identity", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320694.jpg"},
|
||||
{
|
||||
id: "v2",
|
||||
name: "Velocity Flux",
|
||||
price: "Motion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-arrangement-3d-glasses_23-2149487729.jpg",
|
||||
},
|
||||
id: "v2", name: "Velocity Flux", price: "Motion", imageSrc: "http://img.b2bpic.net/free-photo/abstract-arrangement-3d-glasses_23-2149487729.jpg"},
|
||||
{
|
||||
id: "v3",
|
||||
name: "Neo Interface",
|
||||
price: "UX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/name-tag-badge-banner-copy-space-blank_53876-132265.jpg",
|
||||
},
|
||||
id: "v3", name: "Neo Interface", price: "UX", imageSrc: "http://img.b2bpic.net/free-photo/name-tag-badge-banner-copy-space-blank_53876-132265.jpg"},
|
||||
{
|
||||
id: "v4",
|
||||
name: "Stellar Systems",
|
||||
price: "Branding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cad-software-used-making-home-floor-plans-virtual-furniture_482257-125022.jpg",
|
||||
},
|
||||
id: "v4", name: "Stellar Systems", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/cad-software-used-making-home-floor-plans-virtual-furniture_482257-125022.jpg"},
|
||||
{
|
||||
id: "v5",
|
||||
name: "Chrome Motion",
|
||||
price: "Animation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345447.jpg",
|
||||
},
|
||||
id: "v5", name: "Chrome Motion", price: "Animation", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345447.jpg"},
|
||||
{
|
||||
id: "v6",
|
||||
name: "Liquid UX",
|
||||
price: "Architecture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-composition_23-2148996783.jpg",
|
||||
},
|
||||
id: "v6", name: "Liquid UX", price: "Architecture", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-composition_23-2148996783.jpg"},
|
||||
]}
|
||||
title="The Studio Vault"
|
||||
description="Curated selection of our finest design deployments."
|
||||
@@ -193,30 +126,15 @@ export default function LandingPage() {
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Do you accept new clients?",
|
||||
content: "We operate on a selective invitation-only model to ensure quality of service.",
|
||||
},
|
||||
id: "faq-1", title: "Do you accept new clients?", content: "We operate on a selective invitation-only model to ensure quality of service."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "What is your typical turnaround?",
|
||||
content: "Depending on project complexity, most immersive digital builds take 4-8 weeks.",
|
||||
},
|
||||
id: "faq-2", title: "What is your typical turnaround?", content: "Depending on project complexity, most immersive digital builds take 4-8 weeks."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Can you handle 3D assets?",
|
||||
content: "3D integration is our core strength; we provide full asset generation and implementation.",
|
||||
},
|
||||
id: "faq-3", title: "Can you handle 3D assets?", content: "3D integration is our core strength; we provide full asset generation and implementation."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Are you remote-first?",
|
||||
content: "We are a global, digital-native studio operating across multiple time zones.",
|
||||
},
|
||||
id: "faq-4", title: "Are you remote-first?", content: "We are a global, digital-native studio operating across multiple time zones."},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "What tools do you use?",
|
||||
content: "We utilize industry-leading creative stacks, including React, Three.js, and Houdini.",
|
||||
},
|
||||
id: "faq-5", title: "What tools do you use?", content: "We utilize industry-leading creative stacks, including React, Three.js, and Houdini."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -225,14 +143,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Premium invitations only. Let's discuss your future."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get In Touch",
|
||||
href: "mailto:hello@prolance.studio",
|
||||
},
|
||||
text: "Get In Touch", href: "mailto:hello@prolance.studio"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -242,29 +157,19 @@ export default function LandingPage() {
|
||||
logoText="PROLANCE STUDIO"
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
title: "Agency", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Vault",
|
||||
href: "#vault",
|
||||
},
|
||||
label: "Vault", href: "#vault"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:hello@prolance.studio",
|
||||
},
|
||||
label: "Email", href: "mailto:hello@prolance.studio"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user