Update src/app/page.tsx

This commit is contained in:
2026-05-11 14:38:26 +00:00
parent 93a72b41cd
commit e8d735d4e2

View File

@@ -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",
},
], ],
}, },
]} ]}