Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a9c4d86b00 | |||
| 8a80a40e52 | |||
| ca15d710f6 | |||
| 4192bdd4a5 | |||
| 2173879284 | |||
| ba65b21fcc |
267
src/app/page.tsx
267
src/app/page.tsx
@@ -2,6 +2,7 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
|
import { Plus } from "lucide-react";
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||||
@@ -30,26 +31,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Services", id: "features" },
|
||||||
},
|
{ name: "Products", id: "products" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Services",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Products",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="TEEjay MEDIA"
|
brandName="TEEjay MEDIA"
|
||||||
/>
|
/>
|
||||||
@@ -57,65 +43,26 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlay
|
<HeroOverlay
|
||||||
title="Quality Printing for Your Brand"
|
title="TEEjay MEDIA"
|
||||||
description="TEEjay MEDIA provides professional printing services for custom posters, premium bags, and all your business media needs."
|
description="Professional printing services for premium posters and custom bags. Designed by Lorenzo Mainza."
|
||||||
buttons={[
|
buttons={[{ text: "Post Design", onClick: () => console.log('3D Preview Modal Opened') }, { text: "Get Started", href: "#contact" }]}
|
||||||
{
|
|
||||||
text: "Get Started",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17172.jpg"
|
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>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<SplitAbout
|
<SplitAbout
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
title="About TEEjay MEDIA"
|
||||||
title="Excellence in Print 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."
|
||||||
description="We blend innovative printing technology with creative design to ensure your brand stands out in every print."
|
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{ title: "Premium Quality", description: "High-grade materials." },
|
||||||
title: "Premium Quality",
|
{ title: "Custom Prints", description: "Posters and bags." },
|
||||||
description: "High-resolution materials for lasting impact.",
|
{ title: "Expert Design", description: "Crafted by Lorenzo Mainza." }
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Custom Designs",
|
|
||||||
description: "Tailored solutions for every client.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Fast Turnaround",
|
|
||||||
description: "Efficient production for all orders.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379217.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379217.jpg"
|
||||||
|
useInvertedBackground={false}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
imageAlt="Professional printing business interior"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -124,202 +71,68 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
title="Our Printing Services"
|
||||||
|
description="From large format posters to durable custom bags, we deliver results."
|
||||||
features={[
|
features={[
|
||||||
{
|
{ 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: "f1",
|
{ 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: "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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Services"
|
|
||||||
description="Expert printing solutions to elevate your brand presence."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardOne
|
<ProductCardOne
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="three-columns-all-equal-width"
|
useInvertedBackground={false}
|
||||||
useInvertedBackground={true}
|
title="Our Collection"
|
||||||
|
description="Browse our range of high-quality posters and custom bag solutions."
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "Premium Event Poster", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/office-tools-colored-surface_23-2148182122.jpg" },
|
||||||
id: "p1",
|
{ id: "p2", name: "Custom Tote Bag", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-with-fabric-tote-bag_23-2149431734.jpg" }
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Featured Products"
|
|
||||||
description="Explore our top quality printing products."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFifteen
|
<TestimonialCardFifteen
|
||||||
useInvertedBackground={false}
|
testimonial="The posters and bags from TEEjay MEDIA are top-tier. A true creative touch by Lorenzo Mainza."
|
||||||
testimonial="TEEjay MEDIA did an amazing job with our brand posters. Quality is unmatched!"
|
|
||||||
rating={5}
|
rating={5}
|
||||||
author="Sarah J."
|
author="TEEjay MEDIA Client"
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
|
avatars={[]}
|
||||||
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={true}
|
sideTitle="FAQ"
|
||||||
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?"
|
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
|
faqs={[{ id: "q1", title: "Who leads the design?", content: "Lorenzo Mainza leads our creative direction." }]}
|
||||||
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
|
tag="Contact"
|
||||||
|
title="Work with TEEjay MEDIA"
|
||||||
|
description="Contact us to discuss your next poster or bag printing project."
|
||||||
|
buttons={[{ text: "Get in touch" }]}
|
||||||
|
background={{ variant: "plain" }}
|
||||||
useInvertedBackground={false}
|
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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-printing-house-with-paper-paints_1303-26585.jpg"
|
|
||||||
logoText="TEEjay MEDIA"
|
logoText="TEEjay MEDIA"
|
||||||
columns={[
|
columns={[]}
|
||||||
{
|
imageSrc="http://img.b2bpic.net/free-photo/man-working-printing-house-with-paper-paints_1303-26585.jpg"
|
||||||
title: "Shop",
|
copyrightText="© 2025 TEEjay MEDIA. Design by Lorenzo Mainza."
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Posters",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Bags",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Company",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user