Merge version_1 into main #2
301
src/app/page.tsx
301
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Builder Desk"
|
||||
/>
|
||||
@@ -56,31 +44,15 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
title="Build Tomorrow's Workspace"
|
||||
description="Professional 3D design studio focused on immersive architectural visualization and workspace innovation."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-people-call-center-helpdesk-with-multiple-monitors-office-customer-service-client-support-telecommunication-nobody-working-telemarketing-assistance-with-helpline-contact_482257-44008.jpg?_wi=1",
|
||||
imageAlt: "3d designer desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-computer-workstation-with-desk-room_23-2150714151.jpg",
|
||||
imageAlt: "3d designer desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-office-space-cartoon-style_23-2151043216.jpg",
|
||||
imageAlt: "3d designer desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-purple-lights-with-bokeh-effect_1017-2671.jpg",
|
||||
imageAlt: "3d designer desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-interior-design-isometric-room_23-2151869973.jpg",
|
||||
imageAlt: "3d designer desk",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/no-people-call-center-helpdesk-with-multiple-monitors-office-customer-service-client-support-telecommunication-nobody-working-telemarketing-assistance-with-helpline-contact_482257-44008.jpg", imageAlt: "3d designer desk" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-computer-workstation-with-desk-room_23-2150714151.jpg", imageAlt: "3d designer desk" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-office-space-cartoon-style_23-2151043216.jpg", imageAlt: "3d designer desk" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-purple-lights-with-bokeh-effect_1017-2671.jpg", imageAlt: "3d designer desk" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-interior-design-isometric-room_23-2151869973.jpg", imageAlt: "3d designer desk" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -93,20 +65,11 @@ export default function LandingPage() {
|
||||
title="Innovative Design Studio"
|
||||
description="We blend physical design with 3D technology to create the future of interior visualization."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "3D Modeling",
|
||||
description: "High-fidelity visualization.",
|
||||
},
|
||||
{
|
||||
title: "Interactive Concepts",
|
||||
description: "Engaging user experiences.",
|
||||
},
|
||||
{
|
||||
title: "Custom Fabrication",
|
||||
description: "Unique workspace builds.",
|
||||
},
|
||||
{ title: "3D Modeling", description: "High-fidelity visualization." },
|
||||
{ title: "Interactive Concepts", description: "Engaging user experiences." },
|
||||
{ title: "Custom Fabrication", description: "Unique workspace builds." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/creative-workplace-with-books-camera_23-2147830086.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/creative-workplace-with-books-camera_23-2147830086.jpg"
|
||||
imageAlt="architect desk studio"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -114,84 +77,43 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Visual Strategy",
|
||||
description: "Defining the look of your space.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enterprise-resource-planning-holographic-interface_23-2149092252.jpg",
|
||||
imageAlt: "digital architecture icons",
|
||||
title: "Visual Strategy", description: "Defining the look of your space.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enterprise-resource-planning-holographic-interface_23-2149092252.jpg", imageAlt: "digital architecture icons"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Quick turnaround",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "High quality",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Premium output",
|
||||
},
|
||||
{ icon: Zap, text: "Quick turnaround" },
|
||||
{ icon: Shield, text: "High quality" },
|
||||
{ icon: Star, text: "Premium output" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-people-call-center-helpdesk-with-multiple-monitors-office-customer-service-client-support-telecommunication-nobody-working-telemarketing-assistance-with-helpline-contact_482257-44008.jpg?_wi=2",
|
||||
imageAlt: "digital architecture icons",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Concept Design",
|
||||
description: "From ideas to 3D reality.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-office-using-hologram_482257-127320.jpg",
|
||||
imageAlt: "digital architecture icons",
|
||||
title: "Concept Design", description: "From ideas to 3D reality.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-office-using-hologram_482257-127320.jpg", imageAlt: "digital architecture icons"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Unique ideas",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Proven excellence",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Defined process",
|
||||
},
|
||||
{ icon: Sparkles, text: "Unique ideas" },
|
||||
{ icon: Award, text: "Proven excellence" },
|
||||
{ icon: CheckCircle, text: "Defined process" }
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-workplace-with-books-camera_23-2147830086.jpg?_wi=2",
|
||||
imageAlt: "digital architecture icons",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Prototyping",
|
||||
description: "Building interactive samples.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seo-optimization-3d-render-cartoon-illustration_107791-16996.jpg",
|
||||
imageAlt: "digital architecture icons",
|
||||
title: "Prototyping", description: "Building interactive samples.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seo-optimization-3d-render-cartoon-illustration_107791-16996.jpg", imageAlt: "digital architecture icons"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Fast prototyping",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Refined iteration",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Expert build",
|
||||
},
|
||||
{ icon: Zap, text: "Fast prototyping" },
|
||||
{ icon: Star, text: "Refined iteration" },
|
||||
{ icon: Award, text: "Expert build" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-girl-with-make-up-black-background_627829-7811.jpg?_wi=1",
|
||||
imageAlt: "digital architecture icons",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Design Capabilities"
|
||||
description="Our core services leveraging modern design workflows."
|
||||
@@ -205,48 +127,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tech Studio",
|
||||
price: "Concept",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-architectural-design-office_482257-8108.jpg",
|
||||
imageAlt: "architectural model",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Modern Interior",
|
||||
price: "3D Render",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-modern-design-buildings_23-2148184232.jpg",
|
||||
imageAlt: "interior design render",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Home Workspace",
|
||||
price: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-woman-with-hood_1122-502.jpg",
|
||||
imageAlt: "minimalist home office",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Art Gallery",
|
||||
price: "Digital",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320704.jpg",
|
||||
imageAlt: "design presentation",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mod Furniture",
|
||||
price: "Concept",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spring-background_23-2150169490.jpg",
|
||||
imageAlt: "furniture concept",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Urban Design",
|
||||
price: "Sketch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surreal-dreamlike-landscape-wallpaper-purple-tones_23-2150293383.jpg",
|
||||
imageAlt: "digital sketch",
|
||||
},
|
||||
{ id: "1", name: "Tech Studio", price: "Concept", imageSrc: "http://img.b2bpic.net/free-photo/man-working-architectural-design-office_482257-8108.jpg", imageAlt: "architectural model" },
|
||||
{ id: "2", name: "Modern Interior", price: "3D Render", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-modern-design-buildings_23-2148184232.jpg", imageAlt: "interior design render" },
|
||||
{ id: "3", name: "Home Workspace", price: "Design", imageSrc: "http://img.b2bpic.net/free-photo/black-white-woman-with-hood_1122-502.jpg", imageAlt: "minimalist home office" },
|
||||
{ id: "4", name: "Art Gallery", price: "Digital", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320704.jpg", imageAlt: "design presentation" },
|
||||
{ id: "5", name: "Mod Furniture", price: "Concept", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spring-background_23-2150169490.jpg", imageAlt: "furniture concept" },
|
||||
{ id: "6", name: "Urban Design", price: "Sketch", imageSrc: "http://img.b2bpic.net/free-photo/surreal-dreamlike-landscape-wallpaper-purple-tones_23-2150293383.jpg", imageAlt: "digital sketch" }
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="Showcasing our recent 3D design and build initiatives."
|
||||
@@ -260,21 +146,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "150+",
|
||||
description: "Designs completed",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "98%",
|
||||
description: "Client satisfaction",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "40+",
|
||||
description: "Countries reached",
|
||||
},
|
||||
{ id: "1", value: "150+", description: "Designs completed" },
|
||||
{ id: "2", value: "98%", description: "Client satisfaction" },
|
||||
{ id: "3", value: "40+", description: "Countries reached" }
|
||||
]}
|
||||
title="Impact at Scale"
|
||||
description="Transforming professional environments."
|
||||
@@ -288,51 +162,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Riv",
|
||||
role: "CEO",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-girl-with-make-up-black-background_627829-7811.jpg?_wi=2",
|
||||
imageAlt: "professional portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Lee",
|
||||
role: "CTO",
|
||||
company: "Innovation",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-laptop_23-2149434969.jpg",
|
||||
imageAlt: "professional portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John Doe",
|
||||
role: "Architect",
|
||||
company: "Designs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-technician-data-center-monitoring-system-performance_482257-125692.jpg",
|
||||
imageAlt: "professional portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma W",
|
||||
role: "Founder",
|
||||
company: "Creative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",
|
||||
imageAlt: "professional portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mike B",
|
||||
role: "Manager",
|
||||
company: "Global",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-indian-young-photographer-taking-photos-studio-with-leight_231208-3780.jpg",
|
||||
imageAlt: "professional portrait",
|
||||
},
|
||||
{ id: "1", name: "Alex Riv", role: "CEO", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-girl-with-make-up-black-background_627829-7811.jpg", imageAlt: "professional portrait" },
|
||||
{ id: "2", name: "Sarah Lee", role: "CTO", company: "Innovation", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-laptop_23-2149434969.jpg", imageAlt: "professional portrait" },
|
||||
{ id: "3", name: "John Doe", role: "Architect", company: "Designs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-technician-data-center-monitoring-system-performance_482257-125692.jpg", imageAlt: "professional portrait" },
|
||||
{ id: "4", name: "Emma W", role: "Founder", company: "Creative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg", imageAlt: "professional portrait" },
|
||||
{ id: "5", name: "Mike B", role: "Manager", company: "Global", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-indian-young-photographer-taking-photos-studio-with-leight_231208-3780.jpg", imageAlt: "professional portrait" }
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our partners say about Builder Desk."
|
||||
@@ -344,21 +178,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does the design process work?",
|
||||
content: "We follow a 4-step workflow: Discovery, Concept, 3D Modeling, and Implementation.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you handle custom furniture?",
|
||||
content: "Yes, we specialize in both spatial design and custom furniture solutions.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What tools do you use?",
|
||||
content: "We use Industry standard 3D software and rendering engines.",
|
||||
},
|
||||
{ id: "1", title: "How does the design process work?", content: "We follow a 4-step workflow: Discovery, Concept, 3D Modeling, and Implementation." },
|
||||
{ id: "2", title: "Do you handle custom furniture?", content: "Yes, we specialize in both spatial design and custom furniture solutions." },
|
||||
{ id: "3", title: "What tools do you use?", content: "We use Industry standard 3D software and rendering engines." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our design process."
|
||||
@@ -369,32 +191,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Let's connect"
|
||||
title="Start your design build"
|
||||
description="Ready to transform your workspace? Reach out today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Builder Desk"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user