Update src/app/page.tsx
This commit is contained in:
252
src/app/page.tsx
252
src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
|||||||
defaultButtonVariant="bounce-effect"
|
defaultButtonVariant="bounce-effect"
|
||||||
defaultTextAnimation="entrance-slide"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="pill"
|
borderRadius="pill"
|
||||||
|
contentWidth="medium"
|
||||||
|
sizing="medium"
|
||||||
|
background="circleGradient"
|
||||||
|
cardStyle="glass-elevated"
|
||||||
|
primaryButtonStyle="gradient"
|
||||||
|
secondaryButtonStyle="glass"
|
||||||
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Portfolio", id: "features" },
|
||||||
},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Portfolio",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="ARCHITECTURA"
|
brandName="ARCHITECTURA"
|
||||||
/>
|
/>
|
||||||
@@ -49,37 +44,14 @@ export default function LandingPage() {
|
|||||||
<HeroCarouselLogo
|
<HeroCarouselLogo
|
||||||
logoText="ARCHITECTURA"
|
logoText="ARCHITECTURA"
|
||||||
description="Architecture That Transforms Vision Into Reality. We combine strategic thinking with bold aesthetics to deliver projects that define their communities."
|
description="Architecture That Transforms Vision Into Reality. We combine strategic thinking with bold aesthetics to deliver projects that define their communities."
|
||||||
buttons={[
|
buttons={[{ text: "Explore Our Work", href: "#features" }]}
|
||||||
{
|
|
||||||
text: "Explore Our Work",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
slides={[
|
slides={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/drafting-tools-blueprints_23-2147785556.jpg", imageAlt: "modern architecture facade building" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/drafting-tools-blueprints_23-2147785556.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204615.jpg", imageAlt: "modern interior architecture design" },
|
||||||
imageAlt: "modern architecture facade building",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-peaceful-place-outdoors_23-2148739339.jpg", imageAlt: "sustainable residential exterior house" },
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-high-rise-triangular-building_181624-2820.jpg", imageAlt: "urban mixed use architecture complex" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-apartment-library-modern-old-literature-generated-by-ai_188544-38522.jpg", imageAlt: "architectural interior library design" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204615.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg", imageAlt: "modern corporate atrium interior" },
|
||||||
imageAlt: "modern interior architecture design",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-peaceful-place-outdoors_23-2148739339.jpg",
|
|
||||||
imageAlt: "sustainable residential exterior house",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-high-rise-triangular-building_181624-2820.jpg",
|
|
||||||
imageAlt: "urban mixed use architecture complex",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-apartment-library-modern-old-literature-generated-by-ai_188544-38522.jpg",
|
|
||||||
imageAlt: "architectural interior library design",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg",
|
|
||||||
imageAlt: "modern corporate atrium interior",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -91,18 +63,9 @@ export default function LandingPage() {
|
|||||||
title="Design With Purpose"
|
title="Design With Purpose"
|
||||||
description="At Architectura, we believe that every space should be a dialogue between form and function. Our studio focuses on creating innovative solutions that respect the environment while pushing boundaries of modern aesthetics."
|
description="At Architectura, we believe that every space should be a dialogue between form and function. Our studio focuses on creating innovative solutions that respect the environment while pushing boundaries of modern aesthetics."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{ title: "Strategic Design", description: "We analyze your site and goals before a single line is drawn." },
|
||||||
title: "Strategic Design",
|
{ title: "Sustainable Practices", description: "Eco-friendly design that stands the test of time." },
|
||||||
description: "We analyze your site and goals before a single line is drawn.",
|
{ title: "Bold Aesthetics", description: "Innovative designs that challenge common perspectives." },
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Sustainable Practices",
|
|
||||||
description: "Eco-friendly design that stands the test of time.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Bold Aesthetics",
|
|
||||||
description: "Innovative designs that challenge common perspectives.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/stationery-lying-paper-sheet_23-2147823690.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/stationery-lying-paper-sheet_23-2147823690.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -116,27 +79,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: "f1", title: "Commercial Development", subtitle: "Focusing on ROI and user experience", category: "Commercial", value: "Retail & Office" },
|
||||||
id: "f1",
|
{ id: "f2", title: "Custom Residential", subtitle: "Luxury bespoke home designs", category: "Residential", value: "Modern Houses" },
|
||||||
title: "Commercial Development",
|
{ id: "f3", title: "Mixed-Use Planning", subtitle: "Creating cohesive urban hubs", category: "Mixed-Use", value: "Public/Private" },
|
||||||
subtitle: "Focusing on ROI and user experience",
|
|
||||||
category: "Commercial",
|
|
||||||
value: "Retail & Office",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Custom Residential",
|
|
||||||
subtitle: "Luxury bespoke home designs",
|
|
||||||
category: "Residential",
|
|
||||||
value: "Modern Houses",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Mixed-Use Planning",
|
|
||||||
subtitle: "Creating cohesive urban hubs",
|
|
||||||
category: "Mixed-Use",
|
|
||||||
value: "Public/Private",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Specializations"
|
title="Our Specializations"
|
||||||
description="We deliver excellence across diverse typologies, ensuring high-impact results for developers and individual clients alike."
|
description="We deliver excellence across diverse typologies, ensuring high-impact results for developers and individual clients alike."
|
||||||
@@ -147,37 +92,13 @@ export default function LandingPage() {
|
|||||||
<TeamCardSix
|
<TeamCardSix
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
members={[
|
members={[
|
||||||
{
|
{ id: "t1", name: "Elena Rossi", role: "Principal Architect", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hard-hat-using-laptop_1303-29779.jpg", imageAlt: "architect female professional portrait" },
|
||||||
id: "t1",
|
{ id: "t2", name: "Mark Stevens", role: "Director of Design", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-helmet-crossed-arms_23-2148269266.jpg", imageAlt: "architect male professional portrait" },
|
||||||
name: "Elena Rossi",
|
{ id: "t3", name: "Sarah Chen", role: "Lead Interior Designer", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-portrait-businesswoman_23-2148139885.jpg", imageAlt: "design lead architect portrait" },
|
||||||
role: "Principal Architect",
|
{ id: "t4", name: "David Miller", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg", imageAlt: "project manager architect portrait" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hard-hat-using-laptop_1303-29779.jpg",
|
|
||||||
imageAlt: "architect female professional portrait",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
name: "Mark Stevens",
|
|
||||||
role: "Director of Design",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-helmet-crossed-arms_23-2148269266.jpg",
|
|
||||||
imageAlt: "architect male professional portrait",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "Sarah Chen",
|
|
||||||
role: "Lead Interior Designer",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-portrait-businesswoman_23-2148139885.jpg",
|
|
||||||
imageAlt: "design lead architect portrait",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "David Miller",
|
|
||||||
role: "Project Manager",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg",
|
|
||||||
imageAlt: "project manager architect portrait",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="The Minds Behind the Designs"
|
title="The Minds Behind the Designs"
|
||||||
description="A diverse group of architects and designers united by a passion for urban transformation and residential excellence."
|
description="A diverse group of architects and designers united by a passion for urban transformation and residential excellence."
|
||||||
@@ -190,35 +111,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "50+", title: "Projects Completed", items: ["Commercial", "Residential", "Public"] },
|
||||||
id: "m1",
|
{ id: "m2", value: "12", title: "Industry Awards", items: ["Design Excellence", "Sustainability"] },
|
||||||
value: "50+",
|
{ id: "m3", value: "30+", title: "Active Clients", items: ["Developers", "Corporate", "Private"] },
|
||||||
title: "Projects Completed",
|
|
||||||
items: [
|
|
||||||
"Commercial",
|
|
||||||
"Residential",
|
|
||||||
"Public",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "12",
|
|
||||||
title: "Industry Awards",
|
|
||||||
items: [
|
|
||||||
"Design Excellence",
|
|
||||||
"Sustainability",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "30+",
|
|
||||||
title: "Active Clients",
|
|
||||||
items: [
|
|
||||||
"Developers",
|
|
||||||
"Corporate",
|
|
||||||
"Private",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Proven Impact"
|
title="Proven Impact"
|
||||||
description="Numbers reflect our commitment to delivering exceptional results for our clients and their communities."
|
description="Numbers reflect our commitment to delivering exceptional results for our clients and their communities."
|
||||||
@@ -232,26 +127,11 @@ export default function LandingPage() {
|
|||||||
rating={5}
|
rating={5}
|
||||||
author="Jonathan Wells, Property Developer"
|
author="Jonathan Wells, Property Developer"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg", alt: "business client portrait studio" },
|
||||||
src: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "business client portrait studio" },
|
||||||
alt: "business client portrait studio",
|
{ src: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg", alt: "business client portrait studio" },
|
||||||
},
|
{ src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "business client portrait studio" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg", alt: "business client portrait studio" },
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
|
||||||
alt: "business client portrait studio",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
|
||||||
alt: "business client portrait studio",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
|
||||||
alt: "business client portrait studio",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg",
|
|
||||||
alt: "business client portrait studio",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
@@ -262,21 +142,9 @@ export default function LandingPage() {
|
|||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "q1", title: "How do we get started?", content: "Initial consultations are free. We assess site viability and project goals." },
|
||||||
id: "q1",
|
{ id: "q2", title: "Do you handle permitting?", content: "Yes, we manage all regulatory processes and permitting as part of our service." },
|
||||||
title: "How do we get started?",
|
{ id: "q3", title: "How long is the design phase?", content: "Typically 3-6 months depending on the complexity of the mixed-use or residential project." },
|
||||||
content: "Initial consultations are free. We assess site viability and project goals.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q2",
|
|
||||||
title: "Do you handle permitting?",
|
|
||||||
content: "Yes, we manage all regulatory processes and permitting as part of our service.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q3",
|
|
||||||
title: "How long is the design phase?",
|
|
||||||
content: "Typically 3-6 months depending on the complexity of the mixed-use or residential project.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Common Inquiries"
|
sideTitle="Common Inquiries"
|
||||||
sideDescription="Everything you need to know about starting your architectural journey with us."
|
sideDescription="Everything you need to know about starting your architectural journey with us."
|
||||||
@@ -287,9 +155,7 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
tag="Let's Connect"
|
tag="Let's Connect"
|
||||||
title="Start Your Next Vision"
|
title="Start Your Next Vision"
|
||||||
description="Ready to design something extraordinary? Reach out and let's explore your possibilities."
|
description="Ready to design something extraordinary? Reach out and let's explore your possibilities."
|
||||||
@@ -306,37 +172,17 @@ export default function LandingPage() {
|
|||||||
logoText="ARCHITECTURA"
|
logoText="ARCHITECTURA"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
{ label: "About Us", href: "#about" },
|
||||||
{
|
{ label: "Team", href: "#team" },
|
||||||
label: "About Us",
|
{ label: "Portfolio", href: "#features" },
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Team",
|
|
||||||
href: "#team",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Portfolio",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
{ label: "Commercial", href: "#features" },
|
||||||
{
|
{ label: "Residential", href: "#features" },
|
||||||
label: "Commercial",
|
{ label: "Planning", href: "#features" },
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Residential",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Planning",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user