Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
280
src/app/page.tsx
280
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Architecture",
|
||||
id: "#architecture",
|
||||
},
|
||||
{
|
||||
name: "Manifesto",
|
||||
id: "#manifesto",
|
||||
},
|
||||
{
|
||||
name: "Studio",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Architecture", id: "#architecture" },
|
||||
{ name: "Manifesto", id: "#manifesto" },
|
||||
{ name: "Studio", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="not HAUS Studio"
|
||||
/>
|
||||
@@ -55,94 +43,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Every place has a story. We find it."
|
||||
description="Architecture, Interior Design, Exterior Design, Urban Design."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Studio Lead",
|
||||
handle: "not HAUS",
|
||||
testimonial: "Rewrite the brief.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-practising-yoga_23-2151406483.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lead Architect",
|
||||
handle: "not HAUS",
|
||||
testimonial: "Design with purpose.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548580.jpg",
|
||||
},
|
||||
{
|
||||
name: "Creative Lead",
|
||||
handle: "not HAUS",
|
||||
testimonial: "Pushing boundaries.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tying-shoelaces_23-2148023651.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lead Urbanist",
|
||||
handle: "not HAUS",
|
||||
testimonial: "Form follows feeling.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-city-highway_53876-75111.jpg",
|
||||
},
|
||||
{
|
||||
name: "Design Strategist",
|
||||
handle: "not HAUS",
|
||||
testimonial: "Rigor in every detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-city-building_23-2148107117.jpg",
|
||||
},
|
||||
{ name: "Studio Lead", handle: "not HAUS", testimonial: "Rewrite the brief.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-practising-yoga_23-2151406483.jpg" },
|
||||
{ name: "Lead Architect", handle: "not HAUS", testimonial: "Design with purpose.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548580.jpg" },
|
||||
{ name: "Creative Lead", handle: "not HAUS", testimonial: "Pushing boundaries.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tying-shoelaces_23-2148023651.jpg" },
|
||||
{ name: "Lead Urbanist", handle: "not HAUS", testimonial: "Form follows feeling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elevated-city-highway_53876-75111.jpg" },
|
||||
{ name: "Design Strategist", handle: "not HAUS", testimonial: "Rigor in every detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-city-building_23-2148107117.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-standing-art-platform_171337-16786.jpg"
|
||||
mediaAnimation="none"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-drag-person-makeup-table_23-2149256381.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg", alt: "Team member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", alt: "Team member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg", alt: "Team member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "Team member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-drag-person-makeup-table_23-2149256381.jpg", alt: "Team member 5" },
|
||||
]}
|
||||
avatarText="Trusted by visionary leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "EDITORIAL ARCHITECTURE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "BRUTALIST MINIMALISM",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "CAIRO STUDIO",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "URBAN REFINEMENT",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "INTENTIONAL DESIGN",
|
||||
},
|
||||
{ type: "text", text: "EDITORIAL ARCHITECTURE" },
|
||||
{ type: "text", text: "BRUTALIST MINIMALISM" },
|
||||
{ type: "text", text: "CAIRO STUDIO" },
|
||||
{ type: "text", text: "URBAN REFINEMENT" },
|
||||
{ type: "text", text: "INTENTIONAL DESIGN" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -151,31 +77,12 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Layout,
|
||||
title: "Disciplines",
|
||||
value: "04",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: AlertTriangle,
|
||||
title: "Refusal",
|
||||
value: "01",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: LayoutDashboard,
|
||||
title: "Scales",
|
||||
value: "∞",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
icon: FileText,
|
||||
title: "Templates",
|
||||
value: "00",
|
||||
},
|
||||
{ id: "m1", icon: Layout, title: "Disciplines", value: "04" },
|
||||
{ id: "m2", icon: AlertTriangle, title: "Refusal", value: "01" },
|
||||
{ id: "m3", icon: LayoutDashboard, title: "Scales", value: "∞" },
|
||||
{ id: "m4", icon: FileText, title: "Templates", value: "00" },
|
||||
]}
|
||||
title="Disciplines & Philosophy"
|
||||
description="Our core metrics defining our studio practice."
|
||||
@@ -187,11 +94,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Manifesto"
|
||||
metrics={[
|
||||
{
|
||||
icon: PenTool,
|
||||
label: "Philosophy",
|
||||
value: "We don't follow the brief. We rewrite it.",
|
||||
},
|
||||
{ icon: PenTool, label: "Philosophy", value: "We don't follow the brief. We rewrite it." },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -202,21 +105,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Architecture",
|
||||
description: "Defining space with intent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/famous-canadian-museum-history-touching-magical-night-sky-gatineau-canada_181624-13315.jpg",
|
||||
},
|
||||
{
|
||||
title: "Interior Design",
|
||||
description: "Atmosphere as a material.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377351.jpg",
|
||||
},
|
||||
{
|
||||
title: "Urban Design",
|
||||
description: "Shaping the larger fabric.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-city-committed-education_23-2149887002.jpg",
|
||||
},
|
||||
{ title: "Architecture", description: "Defining space with intent.", imageSrc: "http://img.b2bpic.net/free-photo/famous-canadian-museum-history-touching-magical-night-sky-gatineau-canada_181624-13315.jpg" },
|
||||
{ title: "Interior Design", description: "Atmosphere as a material.", imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377351.jpg" },
|
||||
{ title: "Urban Design", description: "Shaping the larger fabric.", imageSrc: "http://img.b2bpic.net/free-photo/collage-city-committed-education_23-2149887002.jpg" },
|
||||
]}
|
||||
title="Our Approach"
|
||||
description="Cairo-based studio focused on serious architecture."
|
||||
@@ -227,15 +118,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Cairo Build",
|
||||
"Nexus Arch",
|
||||
"Urban Flow",
|
||||
"Studio 8",
|
||||
"Design Core",
|
||||
"Form Lab",
|
||||
"Void Design",
|
||||
]}
|
||||
names={["Cairo Build", "Nexus Arch", "Urban Flow", "Studio 8", "Design Core", "Form Lab", "Void Design"]}
|
||||
title="Collaborators"
|
||||
description="Partners who share our vision."
|
||||
/>
|
||||
@@ -245,32 +128,14 @@ export default function LandingPage() {
|
||||
<TeamCardEleven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Leadership",
|
||||
members: [
|
||||
{
|
||||
id: "t1",
|
||||
title: "Creative Director",
|
||||
subtitle: "not HAUS",
|
||||
detail: "Architectural thought leader.",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Principal Architect",
|
||||
subtitle: "not HAUS",
|
||||
detail: "Design focused specialist.",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Senior Strategist",
|
||||
subtitle: "not HAUS",
|
||||
detail: "Project lifecycle architect.",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162868.jpg",
|
||||
imageAlt: "Brutalist inspiration architecture background",
|
||||
id: "g1", groupTitle: "Leadership", members: [
|
||||
{ id: "t1", title: "Creative Director", subtitle: "not HAUS", detail: "Architectural thought leader." },
|
||||
{ id: "t2", title: "Principal Architect", subtitle: "not HAUS", detail: "Design focused specialist." },
|
||||
{ id: "t3", title: "Senior Strategist", subtitle: "not HAUS", detail: "Project lifecycle architect." },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Principals"
|
||||
@@ -283,46 +148,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Client Quote",
|
||||
quote: "Exceptional rigor.",
|
||||
name: "Ahmad M.",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-neutral-paint-background-design_53876-129685.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Client Quote",
|
||||
quote: "Visionary approach.",
|
||||
name: "Sarah L.",
|
||||
role: "Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885648.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Client Quote",
|
||||
quote: "Truly unique work.",
|
||||
name: "Omar K.",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-props-photography-studio_23-2148885633.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Client Quote",
|
||||
quote: "Architecturally sound.",
|
||||
name: "Hala N.",
|
||||
role: "Partner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Client Quote",
|
||||
quote: "Masterful execution.",
|
||||
name: "Karim R.",
|
||||
role: "Planner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885661.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Client Quote", quote: "Exceptional rigor.", name: "Ahmad M.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/abstract-neutral-paint-background-design_53876-129685.jpg" },
|
||||
{ id: "t2", title: "Client Quote", quote: "Visionary approach.", name: "Sarah L.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885648.jpg" },
|
||||
{ id: "t3", title: "Client Quote", quote: "Truly unique work.", name: "Omar K.", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/artist-props-photography-studio_23-2148885633.jpg" },
|
||||
{ id: "t4", title: "Client Quote", quote: "Architecturally sound.", name: "Hala N.", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg" },
|
||||
{ id: "t5", title: "Client Quote", quote: "Masterful execution.", name: "Karim R.", role: "Planner", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885661.jpg" },
|
||||
]}
|
||||
title="Perspectives"
|
||||
description="Words from those we build for."
|
||||
@@ -332,9 +162,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquiry"
|
||||
title="Let's connect."
|
||||
description="Start a conversation."
|
||||
@@ -346,30 +174,10 @@ export default function LandingPage() {
|
||||
logoText="not HAUS Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Studio", items: [{ label: "Projects", href: "#" }, { label: "About", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Copyright",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Copyright", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user