Merge version_1 into main #1
215
src/app/page.tsx
215
src/app/page.tsx
@@ -28,26 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Projects", id: "/portfolio" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Team Space Yard"
|
||||
/>
|
||||
@@ -55,43 +40,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Designing Spaces. Building Dreams."
|
||||
description="Team Space Yard delivers premium architectural and interior design solutions, project management, and construction services tailored to your vision."
|
||||
tag="Luxury Architecture & Design"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{ text: "View Projects", href: "/portfolio" },
|
||||
{ text: "Contact Us", href: "/contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-large-blue-sofa-large-coffee-table-with-large-window-that-says-room-is-decorated-with-large-plant_123827-23873.jpg",
|
||||
imageAlt: "Luxury Architecture Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-house-lamp-with-futuristic-design_23-2151037462.jpg",
|
||||
imageAlt: "Building Dreams Project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg",
|
||||
imageAlt: "contemporary living room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-scandinavian-living-room-with-working-table-bookshelf_105762-2141.jpg",
|
||||
imageAlt: "3d rendering loft scandinavian living room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-design-chandelier_105762-2226.jpg",
|
||||
imageAlt: "3d rendering loft luxury living room",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-large-blue-sofa-large-coffee-table-with-large-window-that-says-room-is-decorated-with-large-plant_123827-23873.jpg", imageAlt: "Luxury Architecture Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-house-lamp-with-futuristic-design_23-2151037462.jpg", imageAlt: "Building Dreams Project" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -107,29 +66,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Architecture Design",
|
||||
description: "Tailored blueprint designs that marry functionality with aesthetic brilliance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-different-blueprints_23-2147710823.jpg",
|
||||
imageAlt: "Architecture",
|
||||
},
|
||||
title: "Architecture Design", description: "Tailored blueprint designs that marry functionality with aesthetic brilliance.", imageSrc: "http://img.b2bpic.net/free-photo/from-different-blueprints_23-2147710823.jpg", imageAlt: "Architecture"},
|
||||
{
|
||||
title: "Interior Design",
|
||||
description: "Curated interior layouts reflecting elegance, luxury, and modern comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-color-palette-used-by-interior-designer_23-2150334493.jpg",
|
||||
imageAlt: "Interior",
|
||||
},
|
||||
title: "Interior Design", description: "Curated interior layouts reflecting elegance, luxury, and modern comfort.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-color-palette-used-by-interior-designer_23-2150334493.jpg", imageAlt: "Interior"},
|
||||
{
|
||||
title: "Construction",
|
||||
description: "Precision-built structures adhering to the highest quality standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-clients-broker-salesman-examining-blueprints-layout_482257-90840.jpg",
|
||||
imageAlt: "Construction",
|
||||
},
|
||||
title: "Construction", description: "Precision-built structures adhering to the highest quality standards.", imageSrc: "http://img.b2bpic.net/free-photo/business-clients-broker-salesman-examining-blueprints-layout_482257-90840.jpg", imageAlt: "Construction"},
|
||||
{
|
||||
title: "Project Management",
|
||||
description: "End-to-end management ensuring your vision stays on track and within scope.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-brainstorm-work-huge-project-design-bureau-four-colleagues-office-clothes-standing-attentively-watching-schemes-drawings-lay-table-near-their-main-leader_273609-5759.jpg",
|
||||
imageAlt: "Management",
|
||||
},
|
||||
title: "Project Management", description: "End-to-end management ensuring your vision stays on track and within scope.", imageSrc: "http://img.b2bpic.net/free-photo/corporate-brainstorm-work-huge-project-design-bureau-four-colleagues-office-clothes-standing-attentively-watching-schemes-drawings-lay-table-near-their-main-leader_273609-5759.jpg", imageAlt: "Management"},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="From concept to completion, we provide comprehensive architectural solutions."
|
||||
@@ -138,50 +81,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Director",
|
||||
company: "Jenkins Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", role: "Director", company: "Jenkins Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Thornton",
|
||||
role: "CEO",
|
||||
company: "Thornton Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
role: "Founder",
|
||||
company: "Rossi Interiors",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James L. Smith",
|
||||
role: "Developer",
|
||||
company: "Urban Structures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-male-boss-instructing-female-assistant_1262-20385.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe Vance",
|
||||
role: "Architect",
|
||||
company: "Studio V",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-taking-selfie-with-smart-phone-while-eating-restaurant_637285-9045.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Thornton", role: "CEO", company: "Thornton Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg"}
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear what our premium clientele says about their experience with Team Space Yard."
|
||||
@@ -195,12 +105,7 @@ export default function LandingPage() {
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with industry leaders to deliver excellence."
|
||||
names={[
|
||||
"Design Guild",
|
||||
"Urban Structures",
|
||||
"Modern Living Group",
|
||||
"Pacific Construction",
|
||||
"Skyline Architects",
|
||||
]}
|
||||
"Design Guild", "Urban Structures", "Modern Living Group", "Pacific Construction", "Skyline Architects"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -213,36 +118,19 @@ export default function LandingPage() {
|
||||
description="Flexible architectural solutions for every project scale."
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Consultation",
|
||||
price: "$999",
|
||||
features: [
|
||||
"Site assessment",
|
||||
"Concept sketches",
|
||||
"Budget planning",
|
||||
],
|
||||
id: "basic", name: "Consultation", price: "$999", features: [
|
||||
"Site assessment", "Concept sketches", "Budget planning"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Full Design",
|
||||
price: "$4,999",
|
||||
features: [
|
||||
"Detailed blueprints",
|
||||
"3D visualizations",
|
||||
"Material sourcing",
|
||||
"Vendor coordination",
|
||||
],
|
||||
id: "pro", name: "Full Design", price: "$4,999", features: [
|
||||
"Detailed blueprints", "3D visualizations", "Material sourcing", "Vendor coordination"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -253,50 +141,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Projects", href: "/portfolio" },
|
||||
{ label: "Services", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:hello@teamspaceyard.com",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Map",
|
||||
href: "#",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Email", href: "mailto:hello@teamspaceyard.com" },
|
||||
{ label: "WhatsApp", href: "#" },
|
||||
{ label: "Map", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -306,4 +167,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user