Merge version_2 into main #1
265
src/app/page.tsx
265
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="TEEjay MEDIA"
|
||||
/>
|
||||
@@ -57,65 +42,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Quality Printing for Your Brand"
|
||||
description="TEEjay MEDIA provides professional printing services for custom posters, premium bags, and all your business media needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
title="TEEjay MEDIA"
|
||||
description="Professional printing services for premium posters and custom bags. Designed by Lorenzo Mainza."
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17172.jpg"
|
||||
imageAlt="Professional printing services studio"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-office-using-printer_23-2149456974.jpg",
|
||||
alt: "Woman working in the office and using printer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-cabinet-private-clinic-with-gadgets-diagnostic-tools_482257-122764.jpg",
|
||||
alt: "Empty cabinet at the private clinic with gadgets and diagnostic tools",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/grey-haired-male-plant-engineer-hardhat-glasses-standing-industrial-machine-using-digital-device_74855-16385.jpg",
|
||||
alt: "Grey haired male plant engineer in hardhat and glasses standing at industrial machine, using digital device",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-creative-workspace_23-2148372119.jpg",
|
||||
alt: "Woman working in creative workspace",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-graphic-designers-interacting-color-chart_1170-768.jpg",
|
||||
alt: "Group of graphic designers interacting over color chart",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ businesses"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Excellence in Print Media"
|
||||
description="We blend innovative printing technology with creative design to ensure your brand stands out in every print."
|
||||
title="About TEEjay MEDIA"
|
||||
description="Founded with a passion for high-quality print media, TEEjay MEDIA specializes in creating standout posters and functional, branded bags. Creative vision brought to life by Lorenzo Mainza."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "High-resolution materials for lasting impact.",
|
||||
},
|
||||
{
|
||||
title: "Custom Designs",
|
||||
description: "Tailored solutions for every client.",
|
||||
},
|
||||
{
|
||||
title: "Fast Turnaround",
|
||||
description: "Efficient production for all orders.",
|
||||
},
|
||||
{ title: "Premium Quality", description: "High-grade materials." },
|
||||
{ title: "Custom Prints", description: "Posters and bags." },
|
||||
{ title: "Expert Design", description: "Crafted by Lorenzo Mainza." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379217.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Professional printing business interior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -124,205 +68,66 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Printing Services"
|
||||
description="From large format posters to durable custom bags, we deliver results."
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Poster Printing",
|
||||
author: "TEEjay Media",
|
||||
description: "Vibrant, high-resolution posters for events and marketing.",
|
||||
tags: [
|
||||
"Print",
|
||||
"Design",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170079.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Custom Bags",
|
||||
author: "TEEjay Media",
|
||||
description: "Durable and stylish bags for branding.",
|
||||
tags: [
|
||||
"Retail",
|
||||
"Custom",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handbags-consumption-bags-business-travel-shopping-bags_1417-1380.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Marketing Collateral",
|
||||
author: "TEEjay Media",
|
||||
description: "Complete media solutions for growing businesses.",
|
||||
tags: [
|
||||
"Strategy",
|
||||
"Design",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colors-papers-background_93675-130676.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Custom Posters", author: "Lorenzo Mainza", description: "Professional high-quality poster printing for your events.", tags: ["Print", "Poster"], imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170079.jpg" },
|
||||
{ id: "f2", title: "Branded Bags", author: "Lorenzo Mainza", description: "High-quality bags tailored to your business identity.", tags: ["Retail", "Custom"], imageSrc: "http://img.b2bpic.net/free-photo/handbags-consumption-bags-business-travel-shopping-bags_1417-1380.jpg" }
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Expert printing solutions to elevate your brand presence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="Our Collection"
|
||||
description="Browse our range of high-quality posters and custom bag solutions."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Event Poster",
|
||||
price: "From $5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tjirej",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Branded Tote",
|
||||
price: "From $12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-casual-woman-happily-buying-pumpkin-autumn-farm-shop-outdoor_574295-3165.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Large Format Banner",
|
||||
price: "From $25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-items-redecorating-house-with-color-palette_23-2148815773.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Luxury Paper Bag",
|
||||
price: "From $8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slim-woman-dress-with-shopping-packets_23-2147950246.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Promotional Poster",
|
||||
price: "From $6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-tools-colored-surface_23-2148182122.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Custom Gift Bag",
|
||||
price: "From $10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-with-fabric-tote-bag_23-2149431734.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Premium Event Poster", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/office-tools-colored-surface_23-2148182122.jpg" },
|
||||
{ id: "p2", name: "Custom Tote Bag", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-with-fabric-tote-bag_23-2149431734.jpg" }
|
||||
]}
|
||||
title="Featured Products"
|
||||
description="Explore our top quality printing products."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="TEEjay MEDIA did an amazing job with our brand posters. Quality is unmatched!"
|
||||
testimonial="The posters and bags from TEEjay MEDIA are top-tier. A true creative touch by Lorenzo Mainza."
|
||||
rating={5}
|
||||
author="Sarah J."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
|
||||
alt: "Successful senior businessman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
alt: "Business Lady",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
|
||||
alt: "Smiling Business Woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
|
||||
alt: "Attractive blond business woman",
|
||||
},
|
||||
]}
|
||||
author="TEEjay MEDIA Client"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
avatars={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long for production?",
|
||||
content: "Most orders are ready within 3-5 business days.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer shipping?",
|
||||
content: "Yes, we ship nationwide via reliable carriers.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I supply my design?",
|
||||
content: "Absolutely, we welcome custom artwork files.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideTitle="FAQ"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[{ id: "q1", title: "Who leads the design?", content: "Lorenzo Mainza leads our creative direction." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to print?"
|
||||
description="Send us a message today for a quote or to start your project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
},
|
||||
]}
|
||||
tag="Contact"
|
||||
title="Work with TEEjay MEDIA"
|
||||
description="Contact us to discuss your next poster or bag printing project."
|
||||
buttons={[{ text: "Get in touch" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-printing-house-with-paper-paints_1303-26585.jpg"
|
||||
logoText="TEEjay MEDIA"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Posters",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Bags",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-printing-house-with-paper-paints_1303-26585.jpg"
|
||||
copyrightText="© 2025 TEEjay MEDIA. Design by Lorenzo Mainza."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user