Merge version_1 into main #2
247
src/app/page.tsx
247
src/app/page.tsx
@@ -18,74 +18,39 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Miscalation 3D"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background="rotated-rays-animated"
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Precision 3D Visualization"
|
||||
description="Turning visionary concepts into photorealistic realities with advanced 3D modeling and rendering technologies."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Project", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/professional-3d-architectural-visualizat-1774646311752-db84c15a.png",
|
||||
imageAlt: "3D Render 1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/complex-engineering-3d-model-wireframe-s-1774646312158-c82eb752.png",
|
||||
imageAlt: "3D Render 2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/futuristic-product-3d-render-abstract-ge-1774646312430-5fbe42ba.png",
|
||||
imageAlt: "3D Render 3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/automotive-3d-visualization-sleek-design-1774646311910-9f263b79.png",
|
||||
imageAlt: "3D Render 4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/interior-design-3d-render-minimalist-sty-1774646312631-1479879e.png",
|
||||
imageAlt: "3D Render 5",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/high-tech-industrial-product-render-futu-1774646312491-24b6d74a.png",
|
||||
imageAlt: "3D Render 6",
|
||||
},
|
||||
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/professional-3d-architectural-visualizat-1774646311752-db84c15a.png", imageAlt: "3D Render 1" },
|
||||
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/complex-engineering-3d-model-wireframe-s-1774646312158-c82eb752.png", imageAlt: "3D Render 2" },
|
||||
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/futuristic-product-3d-render-abstract-ge-1774646312430-5fbe42ba.png", imageAlt: "3D Render 3" },
|
||||
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/automotive-3d-visualization-sleek-design-1774646311910-9f263b79.png", imageAlt: "3D Render 4" },
|
||||
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/interior-design-3d-render-minimalist-sty-1774646312631-1479879e.png", imageAlt: "3D Render 5" },
|
||||
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/high-tech-industrial-product-render-futu-1774646312491-24b6d74a.png", imageAlt: "3D Render 6" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,31 +60,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="By The Numbers"
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Industry Awards",
|
||||
value: "15",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Average Turnaround",
|
||||
value: "48h",
|
||||
},
|
||||
{
|
||||
icon: Box,
|
||||
label: "Rendering Nodes",
|
||||
value: "120",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Clients",
|
||||
value: "35+",
|
||||
},
|
||||
{ icon: CheckCircle, label: "Projects Completed", value: "500+" },
|
||||
{ icon: Award, label: "Industry Awards", value: "15" },
|
||||
{ icon: Zap, label: "Average Turnaround", value: "48h" },
|
||||
{ icon: Box, label: "Rendering Nodes", value: "120" },
|
||||
{ icon: Globe, label: "Global Clients", value: "35+" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -129,26 +74,12 @@ export default function LandingPage() {
|
||||
<FeatureCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Photorealistic Rendering",
|
||||
description: "High-fidelity renders with advanced lighting techniques.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/abstract-3d-digital-art-glowing-lines-da-1774646312268-83673d5e.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Interactive 3D Workspace",
|
||||
description: "Collaborative design environment with real-time feedback.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/3d-modeling-interface-closeup-precision--1774646312447-48b79bfe.png",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "High-Fidelity Assets",
|
||||
description: "Detailed modeling for game engines and architectural apps.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/high-fidelity-3d-render-scene-lighting-a-1774646312859-d5b55d3b.png",
|
||||
},
|
||||
{ id: "f1", title: "Photorealistic Rendering", description: "High-fidelity renders with advanced lighting techniques.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/abstract-3d-digital-art-glowing-lines-da-1774646312268-83673d5e.png" },
|
||||
{ id: "f2", title: "Interactive 3D Workspace", description: "Collaborative design environment with real-time feedback.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/3d-modeling-interface-closeup-precision--1774646312447-48b79bfe.png" },
|
||||
{ id: "f3", title: "High-Fidelity Assets", description: "Detailed modeling for game engines and architectural apps.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/high-fidelity-3d-render-scene-lighting-a-1774646312859-d5b55d3b.png" }
|
||||
]}
|
||||
title="Our Capabilities"
|
||||
description="Comprehensive 3D services tailored for high-end visualization needs."
|
||||
@@ -158,27 +89,13 @@ export default function LandingPage() {
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Commercial Architecture",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/commercial-3d-model-preview-blue-lightin-1774646311930-44c08d23.png",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Residential Modern",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/commercial-3d-architectural-preview-exte-1774646318377-bbf2dc6d.png",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Product Prototype",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/product-prototype-3d-visualization-detai-1774646311967-36d8b2e1.png",
|
||||
},
|
||||
{ id: "p1", name: "Commercial Architecture", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/commercial-3d-model-preview-blue-lightin-1774646311930-44c08d23.png" },
|
||||
{ id: "p2", name: "Residential Modern", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/commercial-3d-architectural-preview-exte-1774646318377-bbf2dc6d.png" },
|
||||
{ id: "p3", name: "Product Prototype", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/product-prototype-3d-visualization-detai-1774646311967-36d8b2e1.png" }
|
||||
]}
|
||||
title="Work Showcase"
|
||||
description="Selected projects from our recent design catalog."
|
||||
@@ -190,46 +107,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incredible Detail",
|
||||
quote: "The realism achieved in our architectural project was beyond expectations.",
|
||||
name: "Sarah J.",
|
||||
role: "Project Manager",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-tech-lead-professional-1774646312302-1d35d294.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Seamless Workflow",
|
||||
quote: "Professional team that delivered ahead of schedule every time.",
|
||||
name: "Michael L.",
|
||||
role: "Design Lead",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-creative-studio-founder-1774646312597-4fa2c7a8.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Visionary Design",
|
||||
quote: "They turned our rough sketch into a masterpiece of 3D engineering.",
|
||||
name: "Elena R.",
|
||||
role: "Creative Lead",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-developer-1774646312235-7203c4d7.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Top-tier Assets",
|
||||
quote: "The models provided were highly optimized for our game build.",
|
||||
name: "David W.",
|
||||
role: "Lead Programmer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-an-engineer-1774646311716-e89f6661.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Exceptional Support",
|
||||
quote: "Their technical expertise helped us solve complex visualization challenges.",
|
||||
name: "James K.",
|
||||
role: "Creative Director",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-tech-lead-professional-1774646312302-1d35d294.png?_wi=2",
|
||||
},
|
||||
{ id: "t1", title: "Incredible Detail", quote: "The realism achieved in our architectural project was beyond expectations.", name: "Sarah J.", role: "Project Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-tech-lead-professional-1774646312302-1d35d294.png" },
|
||||
{ id: "t2", title: "Seamless Workflow", quote: "Professional team that delivered ahead of schedule every time.", name: "Michael L.", role: "Design Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-creative-studio-founder-1774646312597-4fa2c7a8.png" },
|
||||
{ id: "t3", title: "Visionary Design", quote: "They turned our rough sketch into a masterpiece of 3D engineering.", name: "Elena R.", role: "Creative Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-developer-1774646312235-7203c4d7.png" },
|
||||
{ id: "t4", title: "Top-tier Assets", quote: "The models provided were highly optimized for our game build.", name: "David W.", role: "Lead Programmer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-an-engineer-1774646311716-e89f6661.png" },
|
||||
{ id: "t5", title: "Exceptional Support", quote: "Their technical expertise helped us solve complex visualization challenges.", name: "James K.", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-tech-lead-professional-1774646312302-1d35d294.png" }
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Hear what our partners say about our 3D work."
|
||||
@@ -242,63 +124,22 @@ export default function LandingPage() {
|
||||
title="Begin Your Project"
|
||||
description="Ready to bring your vision to life? Let's talk about your next 3D project."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/abstract-3d-workspace-background-dark-ae-1774646312464-dd22c73b.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/abstract-3d-digital-art-glowing-lines-da-1774646312268-83673d5e.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/abstract-3d-digital-art-glowing-lines-da-1774646312268-83673d5e.png"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "3D Modeling",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Rendering",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "3D Modeling", href: "#" }, { label: "Rendering", href: "#" }] }
|
||||
]}
|
||||
logoText="Miscalation 3D"
|
||||
copyrightText="© 2025 | Miscalation 3D"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user