Merge version_1 into main #2
228
src/app/page.tsx
228
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Technology",
|
||||
id: "about",
|
||||
},
|
||||
name: "Technology", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="ARCH-3D"
|
||||
/>
|
||||
@@ -55,52 +47,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Redefining High-End Interior Design"
|
||||
description="The world's most sophisticated 3D interactive platform for premium residential design and visualization."
|
||||
tag="Next-Gen 3D Platform"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Design",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Design", href: "#"},
|
||||
{
|
||||
text: "View Demo",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Demo", href: "#"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-interior-with-black-sofa_1268-31803.jpg",
|
||||
imageAlt: "Luxury 3D Living Room",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-interior-with-black-sofa_1268-31803.jpg", imageAlt: "Luxury 3D Living Room"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-with-large-bed-large-window-that-has-green-plant-it_1340-32481.jpg",
|
||||
imageAlt: "Designer Bedroom Render",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-with-large-bed-large-window-that-has-green-plant-it_1340-32481.jpg", imageAlt: "Designer Bedroom Render"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-house_23-2150188337.jpg",
|
||||
imageAlt: "Marble Kitchen Design",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-house_23-2150188337.jpg", imageAlt: "Marble Kitchen Design"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892808.jpg",
|
||||
imageAlt: "Architectural Workspace",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892808.jpg", imageAlt: "Architectural Workspace"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-indoor-pool-oasis-with-natural-light_23-2152008236.jpg",
|
||||
imageAlt: "Spa Bathroom 3D",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-indoor-pool-oasis-with-natural-light_23-2152008236.jpg", imageAlt: "Spa Bathroom 3D"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199369.jpg",
|
||||
imageAlt: "Sculptural Dining Area",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199369.jpg", imageAlt: "Sculptural Dining Area"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,19 +81,13 @@ export default function LandingPage() {
|
||||
description="We bridge the gap between creative vision and technical reality using cutting-edge 3D visualization and interactive collaboration tools."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Models Rendered",
|
||||
},
|
||||
value: "10k+", title: "Models Rendered"},
|
||||
{
|
||||
value: "2ms",
|
||||
title: "Real-time Latency",
|
||||
},
|
||||
value: "2ms", title: "Real-time Latency"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
value: "99%", title: "Client Satisfaction"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884874.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884874.jpg"
|
||||
imageAlt="3D Design Platform Interface"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
@@ -138,29 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Real-time 3D Rendering",
|
||||
descriptions: [
|
||||
"High-fidelity visualization at lightning speeds.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345429.jpg",
|
||||
},
|
||||
id: "f1", title: "Real-time 3D Rendering", descriptions: [
|
||||
"High-fidelity visualization at lightning speeds."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345429.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Global Asset Library",
|
||||
descriptions: [
|
||||
"Access premium furniture and material textures.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg",
|
||||
},
|
||||
id: "f2", title: "Global Asset Library", descriptions: [
|
||||
"Access premium furniture and material textures."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Collaborative Design",
|
||||
descriptions: [
|
||||
"Invite clients to explore spaces together.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg",
|
||||
},
|
||||
id: "f3", title: "Collaborative Design", descriptions: [
|
||||
"Invite clients to explore spaces together."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg"},
|
||||
]}
|
||||
title="Powerful Design Capabilities"
|
||||
description="Experience total control over your home's aesthetic through our intuitive 3D engine."
|
||||
@@ -169,30 +120,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Global Partners",
|
||||
description: "Design firms using our platform.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-460.jpg",
|
||||
},
|
||||
id: "m1", value: "500+", title: "Global Partners", description: "Design firms using our platform.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-460.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Global Support",
|
||||
description: "Always ready to assist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-architectural-software-her-pc-create-detailed-3d-render_482257-125060.jpg",
|
||||
},
|
||||
id: "m2", value: "24/7", title: "Global Support", description: "Always ready to assist.", imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-architectural-software-her-pc-create-detailed-3d-render_482257-125060.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1.2m",
|
||||
title: "Active Projects",
|
||||
description: "Collaborations completed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technicians-photovoltaics-factory-reviewing-solar-panels-assembly-lines_482257-125160.jpg",
|
||||
},
|
||||
id: "m3", value: "1.2m", title: "Active Projects", description: "Collaborations completed.", imageSrc: "http://img.b2bpic.net/free-photo/technicians-photovoltaics-factory-reviewing-solar-panels-assembly-lines_482257-125160.jpg"},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="The metrics behind our industry-leading design infrastructure."
|
||||
@@ -204,14 +141,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"ArchGroup",
|
||||
"Luxury Interiors",
|
||||
"Modern Living Co.",
|
||||
"DesignTech Inc.",
|
||||
"Global Architects",
|
||||
"Premier Home Studio",
|
||||
"Elite Renovation Partners",
|
||||
]}
|
||||
"ArchGroup", "Luxury Interiors", "Modern Living Co.", "DesignTech Inc.", "Global Architects", "Premier Home Studio", "Elite Renovation Partners"]}
|
||||
title="Trusted by Design Leaders"
|
||||
description="Powering the most successful interior design firms across the globe."
|
||||
/>
|
||||
@@ -223,55 +153,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
date: "2024",
|
||||
title: "Lead Architect",
|
||||
quote: "The most powerful 3D design tool I've ever used.",
|
||||
tag: "Design Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/corporate-worker-creating-new-advertisement-camera-pointing-sideways-show-ad-icon-example-studio-young-office-employee-wearing-formal-suit-expressing-advertising-gesture_482257-62452.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-business-lady-formal-clothing-walking-near-building_181624-56915.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", date: "2024", title: "Lead Architect", quote: "The most powerful 3D design tool I've ever used.", tag: "Design Expert", avatarSrc: "http://img.b2bpic.net/free-photo/corporate-worker-creating-new-advertisement-camera-pointing-sideways-show-ad-icon-example-studio-young-office-employee-wearing-formal-suit-expressing-advertising-gesture_482257-62452.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-business-lady-formal-clothing-walking-near-building_181624-56915.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
date: "2024",
|
||||
title: "Luxury Client",
|
||||
quote: "I could visualize my dream home before construction.",
|
||||
tag: "Happy Homeowner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-with-big-smile-outside-office_1139-337.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus Thorne", date: "2024", title: "Luxury Client", quote: "I could visualize my dream home before construction.", tag: "Happy Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-with-big-smile-outside-office_1139-337.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
date: "2024",
|
||||
title: "Creative Director",
|
||||
quote: "Unparalleled speed and high-end rendering quality.",
|
||||
tag: "Architect",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-girl-with-pink-hair-hoodie_23-2148629699.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-architectural-workplace-with-building-model-3d-construction-layout-table-nobody-office-with-computer-tools-used-urban-development-architecture-design_482257-27896.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rossi", date: "2024", title: "Creative Director", quote: "Unparalleled speed and high-end rendering quality.", tag: "Architect", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-girl-with-pink-hair-hoodie_23-2148629699.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-architectural-workplace-with-building-model-3d-construction-layout-table-nobody-office-with-computer-tools-used-urban-development-architecture-design_482257-27896.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wu",
|
||||
date: "2024",
|
||||
title: "Property Manager",
|
||||
quote: "Streamlined our entire project collaboration flow.",
|
||||
tag: "Real Estate",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-graphics-presentation-illustration_23-2151876369.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-portrait-attractive-woman-cleaning-white-kitchen-clos_1163-2417.jpg",
|
||||
},
|
||||
id: "4", name: "David Wu", date: "2024", title: "Property Manager", quote: "Streamlined our entire project collaboration flow.", tag: "Real Estate", avatarSrc: "http://img.b2bpic.net/free-photo/business-graphics-presentation-illustration_23-2151876369.jpg", imageSrc: "http://img.b2bpic.net/free-photo/profile-portrait-attractive-woman-cleaning-white-kitchen-clos_1163-2417.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Montgomery",
|
||||
date: "2024",
|
||||
title: "Design Specialist",
|
||||
quote: "A true game changer for modern interior design.",
|
||||
tag: "Specialist",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/bearded-builder-man-construction-uniform-safety-helmet-holding-adhesive-tape-pointing-with-index-finger-it-with-skeptic-smile-face-standing-green-background_141793-111037.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-engineer-sitting-workplace-with-architectural-plan-table_23-2147842993.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa Montgomery", date: "2024", title: "Design Specialist", quote: "A true game changer for modern interior design.", tag: "Specialist", avatarSrc: "http://img.b2bpic.net/free-photo/bearded-builder-man-construction-uniform-safety-helmet-holding-adhesive-tape-pointing-with-index-finger-it-with-skeptic-smile-face-standing-green-background_141793-111037.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-engineer-sitting-workplace-with-architectural-plan-table_23-2147842993.jpg"},
|
||||
]}
|
||||
title="Client Excellence"
|
||||
description="See why top designers trust our 3D interactive tools."
|
||||
@@ -284,24 +174,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can I import custom files?",
|
||||
content: "Yes, we support OBJ, FBX, and CAD integration.",
|
||||
},
|
||||
id: "q1", title: "Can I import custom files?", content: "Yes, we support OBJ, FBX, and CAD integration."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is cloud collaboration secure?",
|
||||
content: "We provide end-to-end encryption for all design data.",
|
||||
},
|
||||
id: "q2", title: "Is cloud collaboration secure?", content: "We provide end-to-end encryption for all design data."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you support VR?",
|
||||
content: "Yes, our interactive view works perfectly with major VR hardware.",
|
||||
},
|
||||
id: "q3", title: "Do you support VR?", content: "Yes, our interactive view works perfectly with major VR hardware."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Learn more about our platform and how it integrates into your creative process."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884874.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884874.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -311,16 +192,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Transform Your Design Workflow"
|
||||
description="Contact our team to get a tailored demo for your studio."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Sales", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -331,29 +209,19 @@ export default function LandingPage() {
|
||||
logoText="ARCH-3D"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Technology",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Technology", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user