Files
722842e3-786d-4394-8408-1eb…/src/app/page.tsx
2026-06-11 11:08:24 +00:00

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>
);
}