Merge version_1 into main #2
307
src/app/page.tsx
307
src/app/page.tsx
@@ -20,23 +20,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Work",
|
||||
id: "#work",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Work", id: "#work" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="The Marketing District"
|
||||
/>
|
||||
@@ -44,48 +44,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
title="Transform Your Business With Creative Solutions"
|
||||
description="We specialize in high-quality AI/CGI video production, premium web development, and strategic social media management. Frame by frame, we make your brand unforgettable."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enquire Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Enquire Now", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-black-feather-edge-background_23-2148114627.jpg?_wi=1",
|
||||
imageAlt: "Hero 1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-home-interior-with-elegant-decoration-lighting-generated-by-ai_188544-34589.jpg?_wi=1",
|
||||
imageAlt: "Hero 2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-design-background_1048-18868.jpg?_wi=1",
|
||||
imageAlt: "Hero 3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-grunge-blue-marble-background_1258-28522.jpg",
|
||||
imageAlt: "Hero 4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99416.jpg",
|
||||
imageAlt: "Hero 5",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-technology-background-with-flowing-dots_1048-11820.jpg",
|
||||
imageAlt: "Hero 6",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/detail-black-feather-edge-background_23-2148114627.jpg", imageAlt: "Hero 1" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/modern-home-interior-with-elegant-decoration-lighting-generated-by-ai_188544-34589.jpg", imageAlt: "Hero 2" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-design-background_1048-18868.jpg", imageAlt: "Hero 3" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/vintage-grunge-blue-marble-background_1258-28522.jpg", imageAlt: "Hero 4" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99416.jpg", imageAlt: "Hero 5" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/digital-technology-background-with-flowing-dots_1048-11820.jpg", imageAlt: "Hero 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,10 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Why The Marketing District?"
|
||||
description={[
|
||||
"With over 15 years of experience in videography and digital marketing, we don’t just shoot—we storytell.",
|
||||
"We have successfully partnered with 60+ brands across 3 continents, delivering creative results that matter.",
|
||||
"Our 92% client retention rate speaks for itself. We are dedicated to your brand's growth through high-end creative strategy.",
|
||||
]}
|
||||
"With over 15 years of experience in videography and digital marketing, we don’t just shoot—we storytell.", "We have successfully partnered with 60+ brands across 3 continents, delivering creative results that matter.", "Our 92% client retention rate speaks for itself. We are dedicated to your brand's growth through high-end creative strategy."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -109,65 +75,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "AI/CGI Video Production",
|
||||
description: "High-quality, immersive visuals that tell your brand story through advanced technology.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-office-space-enterprise-used-workers-attend-conferences_482257-115920.jpg?_wi=1",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Cinema-grade quality",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
text: "AI-Driven visuals",
|
||||
icon: Zap,
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-black-feather-edge-background_23-2148114627.jpg?_wi=2",
|
||||
imageAlt: "luxury dark background abstract",
|
||||
id: "f1", title: "AI/CGI Video Production", description: "High-quality, immersive visuals that tell your brand story through advanced technology.", media: { imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-office-space-enterprise-used-workers-attend-conferences_482257-115920.jpg", imageAlt: "luxury dark background abstract" },
|
||||
items: [{ text: "Cinema-grade quality", icon: Sparkles }, { text: "AI-Driven visuals", icon: Zap }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Premium Website Builder",
|
||||
description: "Custom, high-performance websites designed to convert visitors into loyal customers.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-office-space-enterprise-used-workers-attend-conferences_482257-115920.jpg?_wi=2",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Bespoke design",
|
||||
icon: Layout,
|
||||
},
|
||||
{
|
||||
text: "High conversion focus",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-home-interior-with-elegant-decoration-lighting-generated-by-ai_188544-34589.jpg?_wi=2",
|
||||
imageAlt: "cinema camera studio lights",
|
||||
id: "f2", title: "Premium Website Builder", description: "Custom, high-performance websites designed to convert visitors into loyal customers.", media: { imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-office-space-enterprise-used-workers-attend-conferences_482257-115920.jpg", imageAlt: "cinema camera studio lights" },
|
||||
items: [{ text: "Bespoke design", icon: Layout }, { text: "High conversion focus", icon: TrendingUp }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Social Media Management",
|
||||
description: "Strategic management packages that keep your socials buzzing and your brand relevant.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-office-space-enterprise-used-workers-attend-conferences_482257-115920.jpg?_wi=3",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Engagement strategy",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
text: "Creative content",
|
||||
icon: Palette,
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-design-background_1048-18868.jpg?_wi=2",
|
||||
imageAlt: "neon light motion background",
|
||||
},
|
||||
id: "f3", title: "Social Media Management", description: "Strategic management packages that keep your socials buzzing and your brand relevant.", media: { imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-office-space-enterprise-used-workers-attend-conferences_482257-115920.jpg", imageAlt: "neon light motion background" },
|
||||
items: [{ text: "Engagement strategy", icon: Users }, { text: "Creative content", icon: Palette }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive creative services to elevate your digital presence."
|
||||
@@ -180,57 +101,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Entry",
|
||||
price: "$2,500",
|
||||
period: "/mo",
|
||||
description: "Basic social media and content strategy.",
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Content creation",
|
||||
"Platform management",
|
||||
"Weekly reporting",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Growth",
|
||||
price: "$5,000",
|
||||
period: "/mo",
|
||||
description: "Advanced social media and CGI content.",
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Advanced CGI assets",
|
||||
"Multi-platform strategy",
|
||||
"Performance analytics",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
tag: "Scale",
|
||||
price: "$8,000",
|
||||
period: "/mo",
|
||||
description: "Full-service agency partnership.",
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"AI video series",
|
||||
"Custom web builds",
|
||||
"Brand awareness strategy",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
},
|
||||
{ id: "p1", tag: "Entry", price: "$2,500", period: "/mo", description: "Basic social media and content strategy.", featuresTitle: "Includes:", features: ["Content creation", "Platform management", "Weekly reporting"], button: { text: "Get Started", href: "#contact" } },
|
||||
{ id: "p2", tag: "Growth", price: "$5,000", period: "/mo", description: "Advanced social media and CGI content.", featuresTitle: "Includes:", features: ["Advanced CGI assets", "Multi-platform strategy", "Performance analytics"], button: { text: "Get Started", href: "#contact" } },
|
||||
{ id: "p3", tag: "Scale", price: "$8,000", period: "/mo", description: "Full-service agency partnership.", featuresTitle: "Includes:", features: ["AI video series", "Custom web builds", "Brand awareness strategy"], button: { text: "Get Started", href: "#contact" } },
|
||||
]}
|
||||
title="Growth Packages"
|
||||
description="Choose a strategy tailored to your business needs."
|
||||
@@ -243,21 +116,9 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
tag="Performance Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120+",
|
||||
description: "5-star reviews",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "92%",
|
||||
description: "Referral rate",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "60+",
|
||||
description: "Global brands",
|
||||
},
|
||||
{ id: "m1", value: "120+", description: "5-star reviews" },
|
||||
{ id: "m2", value: "92%", description: "Referral rate" },
|
||||
{ id: "m3", value: "60+", description: "Global brands" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -270,60 +131,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "w1",
|
||||
brand: "Agency",
|
||||
name: "Corporate Film",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg",
|
||||
},
|
||||
{
|
||||
id: "w2",
|
||||
brand: "Tech",
|
||||
name: "SaaS Platform",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-wakes-up-employee-after-falling-asleep-table-desk_482257-77539.jpg",
|
||||
},
|
||||
{
|
||||
id: "w3",
|
||||
brand: "Luxury",
|
||||
name: "Brand Campaign",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292800.jpg",
|
||||
},
|
||||
{
|
||||
id: "w4",
|
||||
brand: "Agency",
|
||||
name: "Web Design",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-online-shopping-teapot-cookies-flower-decor-concept_53876-65023.jpg",
|
||||
},
|
||||
{
|
||||
id: "w5",
|
||||
brand: "Retail",
|
||||
name: "CGI Showcase",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-businesswoman-working-her-laptop_23-2148452692.jpg",
|
||||
},
|
||||
{
|
||||
id: "w6",
|
||||
brand: "Agency",
|
||||
name: "Campaign Video",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-man-concentrated-phone_23-2147689201.jpg",
|
||||
},
|
||||
{ id: "w1", brand: "Agency", name: "Corporate Film", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg" },
|
||||
{ id: "w2", brand: "Tech", name: "SaaS Platform", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/manager-wakes-up-employee-after-falling-asleep-table-desk_482257-77539.jpg" },
|
||||
{ id: "w3", brand: "Luxury", name: "Brand Campaign", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292800.jpg" },
|
||||
{ id: "w4", brand: "Agency", name: "Web Design", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/laptop-online-shopping-teapot-cookies-flower-decor-concept_53876-65023.jpg" },
|
||||
{ id: "w5", brand: "Retail", name: "CGI Showcase", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/smart-businesswoman-working-her-laptop_23-2148452692.jpg" },
|
||||
{ id: "w6", brand: "Agency", name: "Campaign Video", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-man-concentrated-phone_23-2147689201.jpg" },
|
||||
]}
|
||||
title="Our Work"
|
||||
description="A collection of our latest creative and digital projects."
|
||||
@@ -334,31 +147,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alex Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-executive-wearing-blue-suit_1139-190.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mike Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg" },
|
||||
{ id: "t3", name: "Alex Johnson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-executive-wearing-blue-suit_1139-190.jpg" },
|
||||
{ id: "t4", name: "Sarah Lee", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg" },
|
||||
{ id: "t5", name: "Mike Brown", imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg" },
|
||||
]}
|
||||
cardTitle="What Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -369,9 +162,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Enquire Now"
|
||||
title="Let's Get Started"
|
||||
description="Ready to transform your brand? Contact us today to discuss your next project."
|
||||
|
||||
Reference in New Issue
Block a user