Merge version_1 into main #2
251
src/app/page.tsx
251
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Print3D Tech"
|
||||
/>
|
||||
@@ -55,30 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision 3D Printing for Modern Innovation"
|
||||
description="Rapid prototyping, custom manufacturing, and high-performance engineering solutions for your next big project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Project", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-bottle_1339-1653.jpg?_wi=1",
|
||||
imageAlt: "3d printing nozzle close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hexagons-different-colors-sphere_1048-2458.jpg?_wi=1",
|
||||
imageAlt: "3d printed gear mechanism",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/famous-parasol-structure-sevilla_268835-15529.jpg",
|
||||
imageAlt: "3d printing lattice structure",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wine-bottle_1339-1653.jpg", imageAlt: "3d printing nozzle close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hexagons-different-colors-sphere_1048-2458.jpg", imageAlt: "3d printed gear mechanism" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/famous-parasol-structure-sevilla_268835-15529.jpg", imageAlt: "3d printing lattice structure" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -90,18 +62,9 @@ export default function LandingPage() {
|
||||
title="Engineering the Future"
|
||||
description="With years of experience in additive manufacturing, we provide high-fidelity printing services that turn complex concepts into physical reality with precision."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
title: "Printing Machines",
|
||||
},
|
||||
{
|
||||
value: "0.05mm",
|
||||
title: "Precision Accuracy",
|
||||
},
|
||||
{ value: "500+", title: "Projects Completed" },
|
||||
{ value: "12", title: "Printing Machines" },
|
||||
{ value: "0.05mm", title: "Precision Accuracy" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/designers-team-working-3d-model_23-2149371849.jpg"
|
||||
imageAlt="professional 3d printing lab"
|
||||
@@ -117,28 +80,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rapid Prototyping",
|
||||
description: "Fast turnarounds for functional prototypes that test your design logic under real conditions.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2150941991.jpg",
|
||||
imageAlt: "3d printing nozzle close up",
|
||||
title: "Rapid Prototyping", description: "Fast turnarounds for functional prototypes that test your design logic under real conditions.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Custom Manufacturing",
|
||||
description: "Low-volume batch production for specialized components with repeatable, durable results.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-bottle_1339-1653.jpg?_wi=2",
|
||||
imageAlt: "3d printing nozzle close up",
|
||||
title: "Custom Manufacturing", description: "Low-volume batch production for specialized components with repeatable, durable results.", bentoComponent: "reveal-icon", icon: Building2
|
||||
},
|
||||
{
|
||||
title: "Advanced Engineering",
|
||||
description: "Optimization for weight, material efficiency, and structural integrity of industrial parts.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hexagons-different-colors-sphere_1048-2458.jpg?_wi=2",
|
||||
imageAlt: "3d printing nozzle close up",
|
||||
title: "Advanced Engineering", description: "Optimization for weight, material efficiency, and structural integrity of industrial parts.", bentoComponent: "reveal-icon", icon: Award
|
||||
},
|
||||
]}
|
||||
title="Our Printing Services"
|
||||
@@ -148,52 +96,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Automotive Gear Box",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-printer-printing-dna-helix_1048-2338.jpg",
|
||||
imageAlt: "3d printed automotive parts",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Medical Housing Shell",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/printing-human-heart_1048-1975.jpg",
|
||||
imageAlt: "3d printed medical device",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Consumer Prototype Case",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetics-with-lipstick_23-2149234344.jpg",
|
||||
imageAlt: "consumer product prototype 3d print",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Structural Lattice Block",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-metallic-grid-texture_23-2150275509.jpg",
|
||||
imageAlt: "3d printing lattice structure",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mechanical Gear Assembly",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-coworker-designing-custom-3d-furniture-notebook-studio_482257-93732.jpg",
|
||||
imageAlt: "3d printed gear mechanism",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Precision Nozzle Part",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-business-owner_23-2148828294.jpg",
|
||||
imageAlt: "3d printing nozzle close up",
|
||||
},
|
||||
{ id: "1", name: "Automotive Gear Box", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/3d-printer-printing-dna-helix_1048-2338.jpg", imageAlt: "3d printed automotive parts" },
|
||||
{ id: "2", name: "Medical Housing Shell", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/printing-human-heart_1048-1975.jpg", imageAlt: "3d printed medical device" },
|
||||
{ id: "3", name: "Consumer Prototype Case", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetics-with-lipstick_23-2149234344.jpg", imageAlt: "consumer product prototype 3d print" },
|
||||
{ id: "4", name: "Structural Lattice Block", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/background-with-metallic-grid-texture_23-2150275509.jpg", imageAlt: "3d printing lattice structure" },
|
||||
{ id: "5", name: "Mechanical Gear Assembly", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-coworker-designing-custom-3d-furniture-notebook-studio_482257-93732.jpg", imageAlt: "3d printed gear mechanism" },
|
||||
{ id: "6", name: "Precision Nozzle Part", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/female-business-owner_23-2148828294.jpg", imageAlt: "3d printing nozzle close up" },
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Showcasing recent outputs from our state-of-the-art additive manufacturing facility."
|
||||
@@ -206,26 +119,10 @@ export default function LandingPage() {
|
||||
title="Quality Built In"
|
||||
tag="Reliability"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Success Rate",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "48h",
|
||||
description: "Average Lead Time",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Materials Available",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
description: "Operations Support",
|
||||
},
|
||||
{ id: "m1", value: "99.9%", description: "Success Rate" },
|
||||
{ id: "m2", value: "48h", description: "Average Lead Time" },
|
||||
{ id: "m3", value: "15+", description: "Materials Available" },
|
||||
{ id: "m4", value: "24/7", description: "Operations Support" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -238,26 +135,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Marcus Thorne, Engineering Director at InnovateCorp"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg",
|
||||
alt: "professional headshot young creative",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
alt: "professional headshot engineering lead",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
|
||||
alt: "professional headshot product architect",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg",
|
||||
alt: "professional headshot software designer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg",
|
||||
alt: "professional headshot startup founder",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg", alt: "professional headshot young creative" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", alt: "professional headshot engineering lead" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg", alt: "professional headshot product architect" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg", alt: "professional headshot software designer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg", alt: "professional headshot startup founder" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -269,26 +151,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What file formats do you accept?",
|
||||
content: "We primarily work with STL, OBJ, and STEP files for maximum compatibility.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long is the average lead time?",
|
||||
content: "Typical lead times are between 24-48 hours depending on volume and complexity.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you handle production batches?",
|
||||
content: "Yes, we are fully equipped for both prototype single pieces and batch production.",
|
||||
},
|
||||
{ id: "f1", title: "What file formats do you accept?", content: "We primarily work with STL, OBJ, and STEP files for maximum compatibility." },
|
||||
{ id: "f2", title: "How long is the average lead time?", content: "Typical lead times are between 24-48 hours depending on volume and complexity." },
|
||||
{ id: "f3", title: "Can you handle production batches?", content: "Yes, we are fully equipped for both prototype single pieces and batch production." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find quick answers to typical production questions and file format requirements."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pc-desk-empty-photovoltaics-factory-monitoring-system-performance-closeup_482257-118100.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pc-desk-empty-photovoltaics-factory-monitoring-system-performance-closeup_482257-118100.jpg"
|
||||
imageAlt="3d printer interface display"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -300,26 +170,11 @@ export default function LandingPage() {
|
||||
title="Get Started Today"
|
||||
description="Upload your design files or describe your requirements, and our team will get back to you with a free quote."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "requirements",
|
||||
placeholder: "Briefly describe your project...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pc-desk-empty-photovoltaics-factory-monitoring-system-performance-closeup_482257-118100.jpg?_wi=2"
|
||||
textarea={{ name: "requirements", placeholder: "Briefly describe your project...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pc-desk-empty-photovoltaics-factory-monitoring-system-performance-closeup_482257-118100.jpg"
|
||||
imageAlt="3d printer interface display"
|
||||
/>
|
||||
</div>
|
||||
@@ -328,32 +183,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Print3D Tech"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user