Merge version_1 into main #1
323
src/app/page.tsx
323
src/app/page.tsx
@@ -32,100 +32,42 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="InkFusion"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Premium Custom T-Shirt Printing"
|
||||
description="High-quality custom apparel for businesses, brands, events, and creators."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vdy4fu",
|
||||
alt: "woman creative professional smiling office",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7z3oz9",
|
||||
alt: "young man entrepreneur portrait smiling",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b34l6w",
|
||||
alt: "smiling woman with glasses headshot",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5jxopz",
|
||||
alt: "man professional headshot focused",
|
||||
},
|
||||
{
|
||||
src: "asset://extra-avatar-5",
|
||||
alt: "professional smiling team leader",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vdy4fu", alt: "woman creative professional smiling office" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7z3oz9", alt: "young man entrepreneur portrait smiling" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b34l6w", alt: "smiling woman with glasses headshot" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5jxopz", alt: "man professional headshot focused" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=44zuop", alt: "professional smiling team leader" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Order",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Start Your Order", href: "#contact" },
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Screen Printing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Turnaround",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bulk Discounts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Embroidery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
{ type: "text", text: "Premium Screen Printing" },
|
||||
{ type: "text", text: "Fast Turnaround" },
|
||||
{ type: "text", text: "Bulk Discounts" },
|
||||
{ type: "text", text: "Custom Embroidery" },
|
||||
{ type: "text", text: "Global Shipping" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,12 +76,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Elevate Your Brand Identity"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -150,28 +87,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom T-Shirt Printing",
|
||||
description: "High-quality fabric and ink standards.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Box,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vdy4fu",
|
||||
imageAlt: "woman creative professional smiling office",
|
||||
title: "Custom T-Shirt Printing", description: "High-quality fabric and ink standards.", bentoComponent: "reveal-icon", icon: Box
|
||||
},
|
||||
{
|
||||
title: "Bulk Orders",
|
||||
description: "Scale effortlessly with our bulk pricing.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Box,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7z3oz9",
|
||||
imageAlt: "woman creative professional smiling office",
|
||||
title: "Bulk Orders", description: "Scale effortlessly with our bulk pricing.", bentoComponent: "reveal-icon", icon: Box
|
||||
},
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Quick turnaround for all your event needs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b34l6w",
|
||||
imageAlt: "woman creative professional smiling office",
|
||||
title: "Fast Shipping", description: "Quick turnaround for all your event needs.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
]}
|
||||
title="Professional Printing Solutions"
|
||||
@@ -186,42 +108,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Streetwear Hoodie",
|
||||
price: "$45",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ehhk7g",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sports Uniform",
|
||||
price: "$30",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h8qs5i",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Team Tee",
|
||||
price: "$20",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rddjwa",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Logo Hoodie",
|
||||
price: "$50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=678gl4",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Creative Tee",
|
||||
price: "$25",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7jguq4",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Minimalist Hoodie",
|
||||
price: "$55",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ihdms1",
|
||||
},
|
||||
{ id: "p1", name: "Streetwear Hoodie", price: "$45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ehhk7g" },
|
||||
{ id: "p2", name: "Sports Uniform", price: "$30", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h8qs5i" },
|
||||
{ id: "p3", name: "Team Tee", price: "$20", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rddjwa" },
|
||||
{ id: "p4", name: "Logo Hoodie", price: "$50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=678gl4" },
|
||||
{ id: "p5", name: "Creative Tee", price: "$25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7jguq4" },
|
||||
{ id: "p6", name: "Minimalist Hoodie", price: "$55", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ihdms1" },
|
||||
]}
|
||||
title="Our Latest Creations"
|
||||
description="Streetwear, uniforms, and custom designs."
|
||||
@@ -235,55 +127,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Entry",
|
||||
price: "$200",
|
||||
subtitle: "Perfect for small teams",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Starter",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"10 T-Shirts",
|
||||
"1 Color Print",
|
||||
"Standard Shipping",
|
||||
],
|
||||
id: "starter", badge: "Entry", price: "$200", subtitle: "Perfect for small teams", buttons: [{ text: "Select Starter", href: "#contact" }],
|
||||
features: ["10 T-Shirts", "1 Color Print", "Standard Shipping"],
|
||||
},
|
||||
{
|
||||
id: "business",
|
||||
badge: "Popular",
|
||||
price: "$800",
|
||||
subtitle: "Best for mid-size businesses",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Business",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"50 T-Shirts",
|
||||
"3 Color Print",
|
||||
"Free Shipping",
|
||||
],
|
||||
id: "business", badge: "Popular", price: "$800", subtitle: "Best for mid-size businesses", buttons: [{ text: "Select Business", href: "#contact" }],
|
||||
features: ["50 T-Shirts", "3 Color Print", "Free Shipping"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Pro",
|
||||
price: "$1500",
|
||||
subtitle: "Ideal for brands",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Premium",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"100+ Shirts",
|
||||
"Full Color Print",
|
||||
"Express Shipping",
|
||||
],
|
||||
id: "premium", badge: "Pro", price: "$1500", subtitle: "Ideal for brands", buttons: [{ text: "Select Premium", href: "#contact" }],
|
||||
features: ["100+ Shirts", "Full Color Print", "Express Shipping"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing Packages"
|
||||
@@ -298,46 +151,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
role: "Owner",
|
||||
company: "CoffeeShop",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=unzeoq",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob D.",
|
||||
role: "Coach",
|
||||
company: "SoccerClub",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hjxwwn",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie R.",
|
||||
role: "Designer",
|
||||
company: "StudioInk",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b2x9d0",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Dana S.",
|
||||
role: "Student",
|
||||
company: "UniCrew",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qazrdi",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Evan K.",
|
||||
role: "Manager",
|
||||
company: "EventPro",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=44zuop",
|
||||
},
|
||||
{ id: "t1", name: "Alice M.", role: "Owner", company: "CoffeeShop", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=unzeoq" },
|
||||
{ id: "t2", name: "Bob D.", role: "Coach", company: "SoccerClub", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hjxwwn" },
|
||||
{ id: "t3", name: "Charlie R.", role: "Designer", company: "StudioInk", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b2x9d0" },
|
||||
{ id: "t4", name: "Dana S.", role: "Student", company: "UniCrew", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qazrdi" },
|
||||
{ id: "t5", name: "Evan K.", role: "Manager", company: "EventPro", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=44zuop" },
|
||||
]}
|
||||
title="Loved by Our Customers"
|
||||
description="Read what our community has to say."
|
||||
@@ -348,21 +166,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Minimum order quantity?",
|
||||
content: "Our minimum order is just 5 items.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the shipping time?",
|
||||
content: "Standard shipping takes 5-7 business days.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide custom logo support?",
|
||||
content: "Yes, our team can help vectorize your logo.",
|
||||
},
|
||||
{ id: "f1", title: "Minimum order quantity?", content: "Our minimum order is just 5 items." },
|
||||
{ id: "f2", title: "What is the shipping time?", content: "Standard shipping takes 5-7 business days." },
|
||||
{ id: "f3", title: "Do you provide custom logo support?", content: "Yes, our team can help vectorize your logo." },
|
||||
]}
|
||||
sideTitle="Questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -372,18 +178,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to bring your idea to life?"
|
||||
description="Send us your design and we will get back to you with a free quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@inkfusion.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "mailto:hello@inkfusion.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -391,32 +190,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="InkFusion Prints"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Services", href: "#services" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user