Merge version_1 into main #2
199
src/app/page.tsx
199
src/app/page.tsx
@@ -31,44 +31,32 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ARCVIZ"
|
||||
button={{ text: "Start Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="ARCVIZ STUDIOS"
|
||||
description="A creative studio delivering exceptional design, architectural solutions, and digital experiences."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start a Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start a Project", href: "#contact"},
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Portfolio", href: "#portfolio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/panoramic-views-dubai-city-illuminated-neon-spectrum_23-2151305368.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/panoramic-views-dubai-city-illuminated-neon-spectrum_23-2151305368.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -80,40 +68,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Digital Design",
|
||||
description: "3D renderings, architectural jury layouts, and visual presentations.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-iypsmqkq.png?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148367849.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-o75d8cjz.png?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
title: "Digital Design", description: "3D renderings, architectural jury layouts, and visual presentations.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-iypsmqkq.png" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148367849.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Architectural Design",
|
||||
description: "Concept development and precise working drawings.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-d5x9gl0g.png?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-plan-blueprint-layout-work-concept_53876-124263.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-views-dubai-city-illuminated-neon-spectrum_23-2151305368.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
title: "Architectural Design", description: "Concept development and precise working drawings.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-d5x9gl0g.png" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/architecture-plan-blueprint-layout-work-concept_53876-124263.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Tech & Product",
|
||||
description: "Full-stack development, UI/UX, and product experience design.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722711.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17507.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
title: "Tech & Product", description: "Full-stack development, UI/UX, and product experience design.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722711.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17507.jpg" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -127,27 +91,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Custom Solutions",
|
||||
description: "Tailored to your needs.",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "100%", title: "Custom Solutions", description: "Tailored to your needs.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Fast",
|
||||
title: "Turnaround",
|
||||
description: "Professional workflow efficiency.",
|
||||
icon: Zap,
|
||||
id: "m2", value: "Fast", title: "Turnaround", description: "Professional workflow efficiency.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Global",
|
||||
title: "Presence",
|
||||
description: "Available for projects worldwide.",
|
||||
icon: Globe,
|
||||
id: "m3", value: "Global", title: "Presence", description: "Available for projects worldwide.", icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="Why Work With Us"
|
||||
@@ -163,33 +116,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Residential",
|
||||
price: "Architectural",
|
||||
variant: "Featured",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-iypsmqkq.png?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Modern Residential", price: "Architectural", variant: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-iypsmqkq.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban Interface",
|
||||
price: "Web App",
|
||||
variant: "Featured",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-o75d8cjz.png?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Urban Interface", price: "Web App", variant: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-o75d8cjz.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Luxury Retail",
|
||||
price: "Interior",
|
||||
variant: "Featured",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-d5x9gl0g.png?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Luxury Retail", price: "Interior", variant: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-d5x9gl0g.png"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tech Ecosystem",
|
||||
price: "UI/UX",
|
||||
variant: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Tech Ecosystem", price: "UI/UX", variant: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg"},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="Architectural renders and digital products built for scale."
|
||||
@@ -200,42 +133,19 @@ export default function LandingPage() {
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Discover",
|
||||
description: "We listen and understand your goals.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-iypsmqkq.png?_wi=3",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-o75d8cjz.png?_wi=3",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-d5x9gl0g.png?_wi=3",
|
||||
imageAlt: "User provided image",
|
||||
title: "Discover", description: "We listen and understand your goals.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-iypsmqkq.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-o75d8cjz.png" },
|
||||
},
|
||||
{
|
||||
title: "Design",
|
||||
description: "We craft tailored solutions that inspire.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-views-dubai-city-illuminated-neon-spectrum_23-2151305368.jpg?_wi=3",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148367849.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-plan-blueprint-layout-work-concept_53876-124263.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
title: "Design", description: "We craft tailored solutions that inspire.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/panoramic-views-dubai-city-illuminated-neon-spectrum_23-2151305368.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148367849.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Develop",
|
||||
description: "We build with precision.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722711.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17507.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg?_wi=3",
|
||||
imageAlt: "User provided image",
|
||||
title: "Develop", description: "We build with precision.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722711.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17507.jpg" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -249,14 +159,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Aera Bureau",
|
||||
"Koda",
|
||||
"Plank",
|
||||
"Yield",
|
||||
"Ether",
|
||||
"Kaze",
|
||||
"Obsidian",
|
||||
]}
|
||||
"Aera Bureau", "Koda", "Plank", "Yield", "Ether", "Kaze", "Obsidian"]}
|
||||
title="Global Collaboration"
|
||||
description="Remote & on-site collaboration available."
|
||||
/>
|
||||
@@ -269,57 +172,39 @@ export default function LandingPage() {
|
||||
description="Got a project in mind? Reach out today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your vision...",
|
||||
required: true,
|
||||
name: "message", placeholder: "Tell us about your vision...", required: true,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-iypsmqkq.png?_wi=4"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZqf4dj2i4cW5YGNwDr1n00fUI/uploaded-1776977480320-iypsmqkq.png"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17507.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17507.jpg"
|
||||
logoText="ARCVIZ"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Architecture",
|
||||
href: "#",
|
||||
},
|
||||
label: "Architecture", href: "#"},
|
||||
{
|
||||
label: "Design",
|
||||
href: "#",
|
||||
},
|
||||
label: "Design", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#",
|
||||
},
|
||||
label: "Portfolio", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user