292 lines
15 KiB
TypeScript
292 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Clock, Cog, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Projects", id: "#projects"},
|
|
{
|
|
name: "Team", id: "#team"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="3D Farm Hub"
|
|
button={{
|
|
text: "Get a Quote", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="3D Farm Hub"
|
|
description="Your ultimate partner for high-fidelity 3D printing, rapid rendering, and bespoke 3D modeling services. Innovate, visualize, create."
|
|
buttons={[
|
|
{
|
|
text: "Start Your Project", href: "#contact"},
|
|
{
|
|
text: "Explore Services", href: "#services"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/3d-printer-workshop_23-2152014101.jpg"
|
|
imageAlt="Futuristic 3D printing farm"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Unleash Your Vision with Precision"
|
|
description="At 3D Farm Hub, we transform complex ideas into tangible realities and stunning visualizations. Our state-of-the-art facilities and expert team are dedicated to delivering unparalleled quality and speed for all your 3D needs."
|
|
bulletPoints={[
|
|
{
|
|
title: "Cutting-Edge Technology", description: "Leveraging the latest in 3D printing and rendering hardware for superior results.", icon: Cog,
|
|
},
|
|
{
|
|
title: "Expert Team", description: "Our specialists bring years of experience in 3D modeling, animation, and digital fabrication.", icon: Users,
|
|
},
|
|
{
|
|
title: "Rapid Turnaround", description: "Optimized workflows ensure your projects are completed efficiently without compromising quality.", icon: Clock,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-designer-using-3d-printer_23-2151019885.jpg"
|
|
imageAlt="3D model being rendered on multiple screens"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "f1", title: "High-Resolution 3D Printing", subtitle: "Precision manufacturing for prototypes and final products.", category: "Printing", value: "FDM, SLA, SLS"},
|
|
{
|
|
id: "f2", title: "Lightning-Fast Rendering Farm", subtitle: "Accelerate your visualization projects with our powerful GPU network.", category: "Rendering", value: "GPU, CPU"},
|
|
{
|
|
id: "f3", title: "Custom 3D Modeling", subtitle: "From concept to completion, bespoke models for any industry.", category: "Modeling", value: "CAD, Organic"},
|
|
]}
|
|
title="Our Core Capabilities"
|
|
description="Specialized services tailored to bring your most ambitious 3D projects to life."
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<ProductCardOne
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Automotive Concept Render", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710943.jpg", imageAlt: "Futuristic sports car render"},
|
|
{
|
|
id: "p2", name: "Architectural Visualization", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-isometric-house_23-2150727914.jpg", imageAlt: "Modern building architectural visualization"},
|
|
{
|
|
id: "p3", name: "Biomedical Prosthetic Print", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-prosthetic-arm_23-2149832749.jpg", imageAlt: "3D printed prosthetic hand"},
|
|
{
|
|
id: "p4", name: "Game Character Model", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surreal-male-sea-creature_23-2151609084.jpg", imageAlt: "Fantastical creature 3D model"},
|
|
{
|
|
id: "p5", name: "Drone Prototype 3D Print", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/white-drone-hovering-bright-blue-sky_158595-3345.jpg", imageAlt: "3D printed drone prototype"},
|
|
{
|
|
id: "p6", name: "Interior Design Render", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/3d-computer-workstation-with-desk-room_23-2150714141.jpg", imageAlt: "Photorealistic interior design render"},
|
|
]}
|
|
title="Showcase of Innovation"
|
|
description="Explore a selection of projects where our expertise in 3D printing, rendering, and modeling has driven exceptional results."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={true}
|
|
title="Driving Success with Data"
|
|
tag="Our Impact"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "99.8%", description: "Project Success Rate"},
|
|
{
|
|
id: "m2", value: "500+", description: "Satisfied Clients Globally"},
|
|
{
|
|
id: "m3", value: "24/7", description: "Farm Uptime"},
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardEleven
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
groups={[
|
|
{
|
|
id: "group1", groupTitle: "Leadership & Specialists", members: [
|
|
{
|
|
id: "t1", title: "Alex Chen", subtitle: "Lead 3D Artist", detail: "Specializing in photorealistic rendering and complex model design.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419463.jpg", imageAlt: "Portrait of Alex Chen"},
|
|
{
|
|
id: "t2", title: "Dr. Sarah Lee", subtitle: "Head of Engineering", detail: "Oversees our advanced 3D printing and material science initiatives.", imageSrc: "http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2151037128.jpg", imageAlt: "Portrait of Dr. Sarah Lee"},
|
|
{
|
|
id: "t3", title: "Mark Johnson", subtitle: "Rendering Farm Manager", detail: "Ensures optimal performance and efficiency of our rendering infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/confused-superwoman-with-red-cape-optical-glasses-stands-sideways-putting-hand-chin-isolated-orange-wall_141793-95619.jpg", imageAlt: "Portrait of Mark Johnson"},
|
|
{
|
|
id: "t4", title: "Emily White", subtitle: "Project Coordinator", detail: "Manages client communication and project timelines with meticulous care.", imageSrc: "http://img.b2bpic.net/free-photo/businessmen-hands-wooden-table-with-documents-drafts_176420-367.jpg", imageAlt: "Portrait of Emily White"},
|
|
]
|
|
},
|
|
]}
|
|
title="Meet Our Visionaries"
|
|
description="Our team of dedicated experts combines technical prowess with creative flair to bring your most challenging projects to fruition."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="“3D Farm Hub exceeded our expectations with their incredible rendering speed and the unparalleled quality of their 3D prints. They truly brought our complex designs to life with precision and efficiency.”"
|
|
rating={5}
|
|
author="Jordan M., CEO of InnovateX Solutions"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-businessman-walking-street_23-2147932236.jpg", alt: "Jordan M., CEO"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149442313.jpg", alt: "Aisha R., Lead Architect"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-61401.jpg", alt: "Carlos G., Game Director"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg", alt: "Mia L., Product Designer"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2602.jpg", alt: "Fashion Model"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What file formats do you accept for 3D printing?", content: "We primarily accept STL, OBJ, and 3MF files. For rendering, we work with common formats like FBX, OBJ, and native software files like Blender, Maya, and 3ds Max."},
|
|
{
|
|
id: "q2", title: "What is your typical turnaround time for projects?", content: "Turnaround times vary based on project complexity and current queue. However, our rapid rendering farm and efficient printing processes are designed for quick delivery, often within 24-72 hours for smaller projects."},
|
|
{
|
|
id: "q3", title: "Can you handle large-scale 3D printing orders?", content: "Yes, our farm is equipped with industrial-grade printers capable of handling large-volume and large-scale prints. Contact us with your specific requirements for a custom solution."},
|
|
{
|
|
id: "q4", title: "Do you offer post-processing services for 3D prints?", content: "Absolutely. We provide a range of post-processing options including sanding, painting, assembly, and finishing to ensure your prints meet your aesthetic and functional standards."},
|
|
{
|
|
id: "q5", title: "What software do your 3D modelers use?", content: "Our expert modelers are proficient in industry-standard software such as Blender, Autodesk Maya, 3ds Max, ZBrush, and SolidWorks, ensuring compatibility and high-quality results."},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find answers to common questions about our 3D printing, rendering, and modeling services."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Get in Touch"
|
|
title="Ready to Start Your Project?"
|
|
description="Whether you need a custom quote, have a question about our services, or want to discuss a new idea, our team is here to help. Reach out today!"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Send Inquiry"
|
|
termsText="By sending an inquiry, you agree to our Privacy Policy and Terms of Service."
|
|
videoSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-futuristic-particles_1048-12370.jpg"
|
|
videoAriaLabel="Abstract data flow animation background"
|
|
imageAlt="abstract data flow animation background"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
videoSrc="http://img.b2bpic.net/free-photo/vivid-splashes-drops-black_23-2147748936.jpg"
|
|
videoAriaLabel="Abstract geometric shapes animation"
|
|
logoText="3D Farm Hub"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "3D Printing", href: "#services"},
|
|
{
|
|
label: "Rendering Farm", href: "#services"},
|
|
{
|
|
label: "3D Modeling", href: "#services"},
|
|
{
|
|
label: "Prototyping", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Team", href: "#team"},
|
|
{
|
|
label: "Case Studies", href: "#projects"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Blog", href: "#"},
|
|
{
|
|
label: "Support", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 3D Farm Hub. All rights reserved."
|
|
imageAlt="abstract geometric shapes loop animation"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|