Merge version_1 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="PrintLab"
|
||||
/>
|
||||
@@ -55,32 +47,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Your Ideas, Brought to Life in 3D"
|
||||
description="High-quality, custom 3D prints for students and faculty. From classroom projects to personal hobbies, we help you bring your designs to reality."
|
||||
tag="School Maker Studio"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-darkroom-side-view_23-2149893901.jpg?_wi=1",
|
||||
imageAlt: "3d printer working workshop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-darkroom-side-view_23-2149893901.jpg", imageAlt: "3d printer working workshop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-blue-purple-light_23-2149835479.jpg?_wi=1",
|
||||
imageAlt: "3d printed model close up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-blue-purple-light_23-2149835479.jpg", imageAlt: "3d printed model close up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-children-doing-experiment-physics-together_74855-22909.jpg",
|
||||
imageAlt: "happy student holding 3d model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-children-doing-experiment-physics-together_74855-22909.jpg", imageAlt: "happy student holding 3d model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-animal-toy-figures-with-boxes-colorful-background_53876-31936.jpg",
|
||||
imageAlt: "3d printer working workshop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-animal-toy-figures-with-boxes-colorful-background_53876-31936.jpg", imageAlt: "3d printer working workshop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crystal-ball-high-angle_23-2150439113.jpg",
|
||||
imageAlt: "3d printed model close up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crystal-ball-high-angle_23-2150439113.jpg", imageAlt: "3d printed model close up"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -93,17 +74,11 @@ export default function LandingPage() {
|
||||
description="We are a student-run service dedicated to making rapid prototyping and 3D printing accessible to our school community. We believe in learning by making."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Models Printed",
|
||||
},
|
||||
value: "500+", title: "Models Printed"},
|
||||
{
|
||||
value: "150+",
|
||||
title: "Students Served",
|
||||
},
|
||||
value: "150+", title: "Students Served"},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Typical Turnaround",
|
||||
},
|
||||
value: "24h", title: "Typical Turnaround"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/designers-using-3d-printer_23-2151037150.jpg"
|
||||
imageAlt="3d printing maker space school"
|
||||
@@ -120,59 +95,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "PrintLab",
|
||||
name: "Phone Stand",
|
||||
price: "$5.00",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-pumpkins-blue-background-high-angle_23-2149441648.jpg",
|
||||
},
|
||||
id: "p1", brand: "PrintLab", name: "Phone Stand", price: "$5.00", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/white-pumpkins-blue-background-high-angle_23-2149441648.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "PrintLab",
|
||||
name: "Desk Organizer",
|
||||
price: "$12.00",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168656.jpg",
|
||||
},
|
||||
id: "p2", brand: "PrintLab", name: "Desk Organizer", price: "$12.00", rating: 4,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168656.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "PrintLab",
|
||||
name: "Custom Keychain",
|
||||
price: "$3.00",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-lines-multicolored-background_23-2147746629.jpg",
|
||||
},
|
||||
id: "p3", brand: "PrintLab", name: "Custom Keychain", price: "$3.00", rating: 5,
|
||||
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/red-lines-multicolored-background_23-2147746629.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "PrintLab",
|
||||
name: "Mechanical Part",
|
||||
price: "$8.00",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/papel-picado-party-decorations_23-2149399225.jpg",
|
||||
},
|
||||
id: "p4", brand: "PrintLab", name: "Mechanical Part", price: "$8.00", rating: 4,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/papel-picado-party-decorations_23-2149399225.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "PrintLab",
|
||||
name: "Pen Holder",
|
||||
price: "$6.00",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-smartphone-near-notebook-coffee_23-2147768878.jpg",
|
||||
},
|
||||
id: "p5", brand: "PrintLab", name: "Pen Holder", price: "$6.00", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/glasses-smartphone-near-notebook-coffee_23-2147768878.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "PrintLab",
|
||||
name: "Succulent Planter",
|
||||
price: "$9.00",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pages-magnifying-glasses-green-leaf-white-background_23-2148061453.jpg",
|
||||
},
|
||||
id: "p6", brand: "PrintLab", name: "Succulent Planter", price: "$9.00", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/pages-magnifying-glasses-green-leaf-white-background_23-2148061453.jpg"},
|
||||
]}
|
||||
title="Shop Our Catalog"
|
||||
description="Explore our library of popular items ready to print. Need something custom? We do that too."
|
||||
@@ -186,34 +125,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Custom",
|
||||
title: "Custom Modeling",
|
||||
items: [
|
||||
"Design help available",
|
||||
"PLA/PETG materials",
|
||||
"Detailed quality check",
|
||||
],
|
||||
id: "f1", label: "Custom", title: "Custom Modeling", items: [
|
||||
"Design help available", "PLA/PETG materials", "Detailed quality check"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Fast",
|
||||
title: "Rapid Prototyping",
|
||||
items: [
|
||||
"Quick iteration cycles",
|
||||
"Low cost solutions",
|
||||
"Priority ordering option",
|
||||
],
|
||||
id: "f2", label: "Fast", title: "Rapid Prototyping", items: [
|
||||
"Quick iteration cycles", "Low cost solutions", "Priority ordering option"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Class",
|
||||
title: "Classroom Projects",
|
||||
items: [
|
||||
"Group discount options",
|
||||
"Bulk order capability",
|
||||
"Teacher integration",
|
||||
],
|
||||
id: "f3", label: "Class", title: "Classroom Projects", items: [
|
||||
"Group discount options", "Bulk order capability", "Teacher integration"],
|
||||
},
|
||||
]}
|
||||
title="Our Printing Services"
|
||||
@@ -228,53 +149,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "small",
|
||||
title: "Small Print",
|
||||
price: "$3",
|
||||
period: "/per item",
|
||||
features: [
|
||||
"Max size: 5cm",
|
||||
"Standard PLA",
|
||||
"Basic colors",
|
||||
],
|
||||
id: "small", title: "Small Print", price: "$3", period: "/per item", features: [
|
||||
"Max size: 5cm", "Standard PLA", "Basic colors"],
|
||||
button: {
|
||||
text: "Order Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-schoolgirl-yellow-background_23-2148203829.jpg",
|
||||
imageAlt: "happy student holding 3d model",
|
||||
},
|
||||
text: "Order Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-schoolgirl-yellow-background_23-2148203829.jpg", imageAlt: "happy student holding 3d model"},
|
||||
{
|
||||
id: "medium",
|
||||
title: "Medium Print",
|
||||
price: "$8",
|
||||
period: "/per item",
|
||||
features: [
|
||||
"Max size: 10cm",
|
||||
"Color options",
|
||||
"Priority queue",
|
||||
],
|
||||
id: "medium", title: "Medium Print", price: "$8", period: "/per item", features: [
|
||||
"Max size: 10cm", "Color options", "Priority queue"],
|
||||
button: {
|
||||
text: "Order Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-darkroom-side-view_23-2149893901.jpg?_wi=2",
|
||||
imageAlt: "happy student holding 3d model",
|
||||
},
|
||||
text: "Order Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-darkroom-side-view_23-2149893901.jpg", imageAlt: "happy student holding 3d model"},
|
||||
{
|
||||
id: "large",
|
||||
title: "Large Print",
|
||||
price: "$15",
|
||||
period: "/per item",
|
||||
features: [
|
||||
"Large volume",
|
||||
"PETG/Special materials",
|
||||
"Design support",
|
||||
],
|
||||
id: "large", title: "Large Print", price: "$15", period: "/per item", features: [
|
||||
"Large volume", "PETG/Special materials", "Design support"],
|
||||
button: {
|
||||
text: "Order Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-blue-purple-light_23-2149835479.jpg?_wi=2",
|
||||
imageAlt: "happy student holding 3d model",
|
||||
},
|
||||
text: "Order Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-blue-purple-light_23-2149835479.jpg", imageAlt: "happy student holding 3d model"},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Transparent costs based on material usage and print time."
|
||||
@@ -286,32 +177,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cute-woman-smiling-street_197531-33990.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/view-cute-woman-smiling-street_197531-33990.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mr. Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-teacher-wearing-glasses-sitting-desk-with-school-supplies-classroom-keeping-hand-waist-looking-front-showing-hourglass_141793-119753.jpg",
|
||||
},
|
||||
id: "t2", name: "Mr. Smith", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-teacher-wearing-glasses-sitting-desk-with-school-supplies-classroom-keeping-hand-waist-looking-front-showing-hourglass_141793-119753.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Leo K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-holding-mobile-phone_1170-1374.jpg",
|
||||
},
|
||||
id: "t3", name: "Leo K.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-holding-mobile-phone_1170-1374.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Maria L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-playing-rugby_23-2148209547.jpg",
|
||||
},
|
||||
id: "t4", name: "Maria L.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-playing-rugby_23-2148209547.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-concentrated-woman-artist-artist-painting-easel_169016-66297.jpg",
|
||||
},
|
||||
id: "t5", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/serious-concentrated-woman-artist-artist-painting-easel_169016-66297.jpg"},
|
||||
]}
|
||||
cardTitle="What the School Community Says"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -322,20 +199,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What file format do I need?",
|
||||
content: "We prefer STL or OBJ files for your 3D models.",
|
||||
},
|
||||
id: "q1", title: "What file format do I need?", content: "We prefer STL or OBJ files for your 3D models."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does it take?",
|
||||
content: "Small prints usually take 24-48 hours depending on queue status.",
|
||||
},
|
||||
id: "q2", title: "How long does it take?", content: "Small prints usually take 24-48 hours depending on queue status."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I pick my color?",
|
||||
content: "Yes! Check our available filament list on the ordering form.",
|
||||
},
|
||||
id: "q3", title: "Can I pick my color?", content: "Yes! Check our available filament list on the ordering form."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-children-making-diy-project-from-upcycled-materials_23-2149391056.jpg"
|
||||
imageAlt="students collaborating 3d printer"
|
||||
@@ -350,13 +218,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get started on your 3D print? Fill out our request form and we'll reach out to discuss your project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
},
|
||||
text: "Contact Us"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -366,29 +232,19 @@ export default function LandingPage() {
|
||||
logoText="PrintLab"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#",
|
||||
},
|
||||
label: "Services", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user