Update src/app/page.tsx
This commit is contained in:
293
src/app/page.tsx
293
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Tokyo Print"
|
||||
/>
|
||||
@@ -56,14 +44,8 @@ export default function LandingPage() {
|
||||
logoText="TOKYO PRINT"
|
||||
description="Bring your ideas to life with Tunisia's most premium digital printing and visual communication solutions. Fast, high-end, and precise."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/21655880603",
|
||||
},
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
{ text: "WhatsApp Us", href: "https://wa.me/21655880603" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645670.jpg"
|
||||
/>
|
||||
@@ -75,46 +57,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "High-Speed Turnaround",
|
||||
descriptions: [
|
||||
"Get your projects ready in record time without sacrificing premium visual quality.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-3d-printing-line-filled-color-icon-pack-like-direct-computer-cube-printing-hock_1142-19287.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Premium Quality",
|
||||
descriptions: [
|
||||
"Utilizing the latest large-format and digital printing technologies for razor-sharp visuals.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/premium-logo-design_1366-28.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Tunisia-Wide Delivery",
|
||||
descriptions: [
|
||||
"Professional packaging and secure, rapid shipping to your doorstep anywhere in Tunisia.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/delivery-banner-flat-style_126523-2756.jpg",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Custom Design Support",
|
||||
descriptions: [
|
||||
"Our creative team helps you realize your vision with custom graphic design expertise.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/printing-25-solid-glyph-icon-pack-including-page-print-ruler-warehouse-box_1142-26483.jpg",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Premium Materials",
|
||||
descriptions: [
|
||||
"We source only the best substrates, vinyls, and papers for long-lasting prints.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/premium-quality_23-2147502658.jpg",
|
||||
},
|
||||
{ id: "f1", title: "High-Speed Turnaround", descriptions: ["Get your projects ready in record time without sacrificing premium visual quality."], imageSrc: "http://img.b2bpic.net/free-vector/20-3d-printing-line-filled-color-icon-pack-like-direct-computer-cube-printing-hock_1142-19287.jpg" },
|
||||
{ id: "f2", title: "Premium Quality", descriptions: ["Utilizing the latest large-format and digital printing technologies for razor-sharp visuals."], imageSrc: "http://img.b2bpic.net/free-vector/premium-logo-design_1366-28.jpg" },
|
||||
{ id: "f3", title: "Tunisia-Wide Delivery", descriptions: ["Professional packaging and secure, rapid shipping to your doorstep anywhere in Tunisia."], imageSrc: "http://img.b2bpic.net/free-vector/delivery-banner-flat-style_126523-2756.jpg" },
|
||||
{ id: "f4", title: "Custom Design Support", descriptions: ["Our creative team helps you realize your vision with custom graphic design expertise."], imageSrc: "http://img.b2bpic.net/free-vector/printing-25-solid-glyph-icon-pack-including-page-print-ruler-warehouse-box_1142-26483.jpg" },
|
||||
{ id: "f5", title: "Premium Materials", descriptions: ["We source only the best substrates, vinyls, and papers for long-lasting prints."], imageSrc: "http://img.b2bpic.net/free-vector/premium-quality_23-2147502658.jpg" },
|
||||
]}
|
||||
title="Why Choose Tokyo Print?"
|
||||
description="We blend cutting-edge print technology with creative precision, delivering high-end results across Tunisia."
|
||||
@@ -123,64 +70,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Corporate",
|
||||
name: "Custom Mugs",
|
||||
price: "From 15 DT",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boss-s-day-arrangement-with-copy-space_23-2148664125.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Apparel",
|
||||
name: "Custom T-Shirts",
|
||||
price: "From 25 DT",
|
||||
rating: 5,
|
||||
reviewCount: "85+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-model-sexy-unshaven-man-dressed-white-summer-tshirt-jeans-clothes-fashion-male-posing-near-white-brick-wall-studio-sunny-day-isolated_158538-26886.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Events",
|
||||
name: "Roll-up Banners",
|
||||
price: "From 95 DT",
|
||||
rating: 5,
|
||||
reviewCount: "45+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standing-menu_187299-47478.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Outdoor",
|
||||
name: "Vinyl Banners",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894524.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Art",
|
||||
name: "Canvas Prints",
|
||||
price: "From 50 DT",
|
||||
rating: 5,
|
||||
reviewCount: "60+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-top-view-desk_23-2148002128.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Fine Art",
|
||||
name: "Photo Prints",
|
||||
price: "From 5 DT",
|
||||
rating: 5,
|
||||
reviewCount: "300+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-man-enjoying-dessert-cafe_23-2147775849.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Corporate", name: "Custom Mugs", price: "From 15 DT", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/boss-s-day-arrangement-with-copy-space_23-2148664125.jpg" },
|
||||
{ id: "p2", brand: "Apparel", name: "Custom T-Shirts", price: "From 25 DT", rating: 5, reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-model-sexy-unshaven-man-dressed-white-summer-tshirt-jeans-clothes-fashion-male-posing-near-white-brick-wall-studio-sunny-day-isolated_158538-26886.jpg" },
|
||||
{ id: "p3", brand: "Events", name: "Roll-up Banners", price: "From 95 DT", rating: 5, reviewCount: "45+", imageSrc: "http://img.b2bpic.net/free-photo/standing-menu_187299-47478.jpg" },
|
||||
{ id: "p4", brand: "Outdoor", name: "Vinyl Banners", price: "Custom", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894524.jpg" },
|
||||
{ id: "p5", brand: "Art", name: "Canvas Prints", price: "From 50 DT", rating: 5, reviewCount: "60+", imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-top-view-desk_23-2148002128.jpg" },
|
||||
{ id: "p6", brand: "Fine Art", name: "Photo Prints", price: "From 5 DT", rating: 5, reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/from-man-enjoying-dessert-cafe_23-2147775849.jpg" },
|
||||
]}
|
||||
title="Featured Solutions"
|
||||
description="Explore our high-end printing offerings tailored for businesses and individuals."
|
||||
@@ -193,36 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9★",
|
||||
title: "Customer Rating",
|
||||
items: [
|
||||
"Based on 500+ reviews",
|
||||
"Verified quality",
|
||||
"Exceptional service",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10K+",
|
||||
title: "Prints Delivered",
|
||||
items: [
|
||||
"Across all Tunisia",
|
||||
"High satisfaction rate",
|
||||
"On-time delivery",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Service Types",
|
||||
items: [
|
||||
"From apparel to art",
|
||||
"Full customization",
|
||||
"Graphic design help",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "4.9★", title: "Customer Rating", items: ["Based on 500+ reviews", "Verified quality", "Exceptional service"] },
|
||||
{ id: "m2", value: "10K+", title: "Prints Delivered", items: ["Across all Tunisia", "High satisfaction rate", "On-time delivery"] },
|
||||
{ id: "m3", value: "15+", title: "Service Types", items: ["From apparel to art", "Full customization", "Graphic design help"] },
|
||||
]}
|
||||
title="Impact in Numbers"
|
||||
description="Excellence verified by our community."
|
||||
@@ -234,46 +107,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Perfect Finish",
|
||||
quote: "The print quality is unmatched. My business banners look professional and durable.",
|
||||
name: "Sarah J.",
|
||||
role: "Creative Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Fast & Reliable",
|
||||
quote: "Exactly what I needed for our corporate event. Fast turnaround and perfect service.",
|
||||
name: "Ahmed T.",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Top Tier Design",
|
||||
quote: "Tokyo Print helped us with our full branding pack. Incredible attention to detail.",
|
||||
name: "Leila B.",
|
||||
role: "Marketing Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-demonstrates-charts-board_197531-18135.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Amazing Quality",
|
||||
quote: "Ordered custom hoodies for our team, and the fabric and print quality are premium.",
|
||||
name: "Yassine M.",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pensive-painter-sitting-desk-with-pictures-thoughtfully-looking-camera-while-drawing-home_574295-3712.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Trusted Partner",
|
||||
quote: "Consistently great experience for all our studio's fine art print jobs.",
|
||||
name: "Fatma K.",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-data-center-using-tablet-conducting-security-audits_482257-117850.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Perfect Finish", quote: "The print quality is unmatched. My business banners look professional and durable.", name: "Sarah J.", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg" },
|
||||
{ id: "t2", title: "Fast & Reliable", quote: "Exactly what I needed for our corporate event. Fast turnaround and perfect service.", name: "Ahmed T.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg" },
|
||||
{ id: "t3", title: "Top Tier Design", quote: "Tokyo Print helped us with our full branding pack. Incredible attention to detail.", name: "Leila B.", role: "Marketing Director", imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-demonstrates-charts-board_197531-18135.jpg" },
|
||||
{ id: "t4", title: "Amazing Quality", quote: "Ordered custom hoodies for our team, and the fabric and print quality are premium.", name: "Yassine M.", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/young-pensive-painter-sitting-desk-with-pictures-thoughtfully-looking-camera-while-drawing-home_574295-3712.jpg" },
|
||||
{ id: "t5", title: "Trusted Partner", quote: "Consistently great experience for all our studio's fine art print jobs.", name: "Fatma K.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/technician-data-center-using-tablet-conducting-security-audits_482257-117850.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="See why businesses across Tunisia trust Tokyo Print for their branding needs."
|
||||
@@ -285,21 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you deliver to all Tunisian cities?",
|
||||
content: "Yes, we ship nationwide with secure packaging to ensure your prints arrive in pristine condition.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I request a custom design?",
|
||||
content: "Absolutely. Our expert graphic design team can work with you to create the perfect visuals for your printing needs.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I get a free quote?",
|
||||
content: "Simply click the 'Get a Free Quote' button on our site, fill out your project details, and we'll get back to you within 24 hours.",
|
||||
},
|
||||
{ id: "q1", title: "Do you deliver to all Tunisian cities?", content: "Yes, we ship nationwide with secure packaging to ensure your prints arrive in pristine condition." },
|
||||
{ id: "q2", title: "Can I request a custom design?", content: "Absolutely. Our expert graphic design team can work with you to create the perfect visuals for your printing needs." },
|
||||
{ id: "q3", title: "How do I get a free quote?", content: "Simply click the 'Get a Free Quote' button on our site, fill out your project details, and we'll get back to you within 24 hours." },
|
||||
]}
|
||||
title="Need Answers?"
|
||||
description="Common questions about our printing services and how we can help your brand."
|
||||
@@ -311,21 +137,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Print"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Connect with us on WhatsApp or request a quote today for premium printing services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Now",
|
||||
href: "https://wa.me/21655880603",
|
||||
},
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "WhatsApp Now", href: "https://wa.me/21655880603" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -333,50 +151,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "Portfolio", href: "#portfolio" }, { label: "Quote", href: "#contact" }] },
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "FAQs", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="TOKYO PRINT"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user