Merge version_1 into main #1
292
src/app/page.tsx
292
src/app/page.tsx
@@ -32,92 +32,40 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DD Prints"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="DD Prints – Custom 3D Printing Made Easy"
|
||||
description="Transform your ideas into reality with our fast, high-quality 3D printing services. From custom prototypes to personalized items, we print it all."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/yellow-glowing-blurred-light-black-background_23-2148055624.jpg",
|
||||
alt: "3d printing technology background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-with-red-light-still-life_23-2149417035.jpg",
|
||||
alt: "High angle hard drive with red light still life",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-modern-landscape-extruding-hexagons_1048-14069.jpg",
|
||||
alt: "3D render of a modern landscape of extruding hexagons",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-water_181624-9151.jpg",
|
||||
alt: "Abstract water",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/night-vision-ferromagnetic-liquid-metal-with-copy-space_23-2148253554.jpg",
|
||||
alt: "Night vision of ferromagnetic liquid metal with copy space",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/yellow-glowing-blurred-light-black-background_23-2148055624.jpg", alt: "3d printing technology background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-with-red-light-still-life_23-2149417035.jpg", alt: "High angle hard drive with red light still life" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-render-modern-landscape-extruding-hexagons_1048-14069.jpg", alt: "3D render of a modern landscape of extruding hexagons" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-water_181624-9151.jpg", alt: "Abstract water" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/night-vision-ferromagnetic-liquid-metal-with-copy-space_23-2148253554.jpg", alt: "Night vision of ferromagnetic liquid metal with copy space" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "View Gallery", href: "#gallery" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Engineering",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rapid Prototyping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Manufacturing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Fidelity Prints",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Assured",
|
||||
},
|
||||
{ type: "text", text: "Precision Engineering" },
|
||||
{ type: "text", text: "Rapid Prototyping" },
|
||||
{ type: "text", text: "Custom Manufacturing" },
|
||||
{ type: "text", text: "High Fidelity Prints" },
|
||||
{ type: "text", text: "Quality Assured" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,34 +76,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Custom 3D Printing",
|
||||
subtitle: "Unique projects at any scale",
|
||||
category: "Services",
|
||||
value: "Precision",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Rapid Prototyping",
|
||||
subtitle: "Accelerate your development cycle",
|
||||
category: "Services",
|
||||
value: "Fast",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Replacement Parts",
|
||||
subtitle: "Legacy parts made brand new",
|
||||
category: "Services",
|
||||
value: "Durability",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Personalized Items",
|
||||
subtitle: "Figures, tools, and gifts",
|
||||
category: "Custom",
|
||||
value: "Creative",
|
||||
},
|
||||
{ id: "f1", title: "Custom 3D Printing", subtitle: "Unique projects at any scale", category: "Services", value: "Precision" },
|
||||
{ id: "f2", title: "Rapid Prototyping", subtitle: "Accelerate your development cycle", category: "Services", value: "Fast" },
|
||||
{ id: "f3", title: "Replacement Parts", subtitle: "Legacy parts made brand new", category: "Services", value: "Durability" },
|
||||
{ id: "f4", title: "Personalized Items", subtitle: "Figures, tools, and gifts", category: "Custom", value: "Creative" },
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="Expert 3D printing for everyone."
|
||||
@@ -169,42 +93,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Prototype Part",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egg-laying-machine_1260-4.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gear Mechanism",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-hair-clips_23-2149871680.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Desk Organizer",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168656.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Character Figurine",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-painting-t-shirt-still-life_23-2150572791.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Custom Keychain",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pet-poop-bag-arrangement_23-2148982356.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Replacement Tool",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-designer-using-3d-printer_23-2151019879.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Prototype Part", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/egg-laying-machine_1260-4.jpg" },
|
||||
{ id: "p2", name: "Gear Mechanism", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-hair-clips_23-2149871680.jpg" },
|
||||
{ id: "p3", name: "Desk Organizer", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168656.jpg" },
|
||||
{ id: "p4", name: "Character Figurine", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-painting-t-shirt-still-life_23-2150572791.jpg" },
|
||||
{ id: "p5", name: "Custom Keychain", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/pet-poop-bag-arrangement_23-2148982356.jpg" },
|
||||
{ id: "p6", name: "Replacement Tool", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-designer-using-3d-printer_23-2151019879.jpg" },
|
||||
]}
|
||||
title="Our Gallery"
|
||||
description="Quality prints for every need."
|
||||
@@ -230,60 +124,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Student",
|
||||
company: "DD Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employees-using-laptop-write-emails-solving-tasks_482257-123811.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Hobbyist",
|
||||
company: "DD Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2151037120.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Designer",
|
||||
company: "DD Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-businessman_23-2150709830.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lucas K.",
|
||||
role: "Business Owner",
|
||||
company: "DD Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2151037099.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Rachel V.",
|
||||
role: "Engineer",
|
||||
company: "DD Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designers-using-3d-printer_23-2151037096.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Student", company: "DD Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/employees-using-laptop-write-emails-solving-tasks_482257-123811.jpg" },
|
||||
{ id: "t2", name: "Mark D.", role: "Hobbyist", company: "DD Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2151037120.jpg" },
|
||||
{ id: "t3", name: "Emily R.", role: "Designer", company: "DD Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-3d-businessman_23-2150709830.jpg" },
|
||||
{ id: "t4", name: "Lucas K.", role: "Business Owner", company: "DD Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2151037099.jpg" },
|
||||
{ id: "t5", name: "Rachel V.", role: "Engineer", company: "DD Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/designers-using-3d-printer_23-2151037096.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Avg Turnaround",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{ value: "500+", label: "Projects Completed" },
|
||||
{ value: "24h", label: "Avg Turnaround" },
|
||||
{ value: "100%", label: "Client Satisfaction" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join our community of satisfied creators."
|
||||
@@ -297,38 +147,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Hobbyist",
|
||||
price: "$15+",
|
||||
subtitle: "Small batch, quick prints",
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Print",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1 Material type",
|
||||
"Basic finishing",
|
||||
"Fast shipping",
|
||||
],
|
||||
id: "basic", badge: "Hobbyist", price: "$15+", subtitle: "Small batch, quick prints", buttons: [{ text: "Start Print", href: "#contact" }],
|
||||
features: ["1 Material type", "Basic finishing", "Fast shipping"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Business",
|
||||
price: "$50+",
|
||||
subtitle: "Prototypes & small batches",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Advanced materials",
|
||||
"High precision",
|
||||
"Priority support",
|
||||
],
|
||||
id: "pro", badge: "Business", price: "$50+", subtitle: "Prototypes & small batches", buttons: [{ text: "Get Quote", href: "#contact" }],
|
||||
features: ["Advanced materials", "High precision", "Priority support"],
|
||||
},
|
||||
]}
|
||||
title="Affordable Pricing"
|
||||
@@ -341,21 +165,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How fast is turnaround?",
|
||||
content: "Most orders are processed within 24-48 hours depending on complexity.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you accept custom files?",
|
||||
content: "Absolutely! We accept STL, OBJ, and STEP files.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer shipping?",
|
||||
content: "Yes, we ship nationwide with secure packaging.",
|
||||
},
|
||||
{ id: "q1", title: "How fast is turnaround?", content: "Most orders are processed within 24-48 hours depending on complexity." },
|
||||
{ id: "q2", title: "Do you accept custom files?", content: "Absolutely! We accept STL, OBJ, and STEP files." },
|
||||
{ id: "q3", title: "Do you offer shipping?", content: "Yes, we ship nationwide with secure packaging." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
@@ -366,9 +178,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Print"
|
||||
title="Request a Quote"
|
||||
description="Send us your project details and get a response within hours."
|
||||
@@ -379,17 +189,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="DD Prints"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Support",
|
||||
href: "mailto:hello@ddprints.com",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Support", href: "mailto:hello@ddprints.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user