Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
158
src/app/page.tsx
158
src/app/page.tsx
@@ -32,26 +32,17 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "home"},
|
||||||
id: "home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="MediaProd TN"
|
brandName="MediaProd TN"
|
||||||
button={{
|
button={{
|
||||||
text: "Get Started",
|
text: "Get Started"}}
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -61,36 +52,22 @@ export default function LandingPage() {
|
|||||||
description="The ultimate production platform for agencies and brands. Streamline your workflow from pre-production to final delivery with luxury precision."
|
description="The ultimate production platform for agencies and brands. Streamline your workflow from pre-production to final delivery with luxury precision."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Production",
|
text: "Book Production", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Request Demo",
|
text: "Request Demo", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/lens-background-process-shooting-light-background_185193-164069.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/lens-background-process-shooting-light-background_185193-164069.jpg"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
|
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg", alt: "Client 1"},
|
||||||
alt: "Client 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Client 2"},
|
||||||
alt: "Client 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
|
src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", alt: "Client 3"},
|
||||||
alt: "Client 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Client 4"},
|
||||||
alt: "Client 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",
|
src: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg", alt: "Client 5"},
|
||||||
alt: "Client 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by 500+ creatives"
|
avatarText="Trusted by 500+ creatives"
|
||||||
/>
|
/>
|
||||||
@@ -101,6 +78,10 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Crafting Stories with Technological Precision"
|
title="Crafting Stories with Technological Precision"
|
||||||
tag="About Us"
|
tag="About Us"
|
||||||
|
buttons={[
|
||||||
|
{ text: "Get Started", href: "#contact" }
|
||||||
|
]}
|
||||||
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -110,20 +91,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Dynamic Scheduling",
|
title: "Dynamic Scheduling", description: "Book studio time and shooting sessions with an intuitive drag-and-drop calendar.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg"},
|
||||||
description: "Book studio time and shooting sessions with an intuitive drag-and-drop calendar.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Secure Cloud Storage",
|
title: "Secure Cloud Storage", description: "Centralized, high-speed file storage for massive 4K video assets and project files.", imageSrc: "http://img.b2bpic.net/free-photo/security-cloud_1048-2442.jpg"},
|
||||||
description: "Centralized, high-speed file storage for massive 4K video assets and project files.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/security-cloud_1048-2442.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Real-time Collaboration",
|
title: "Real-time Collaboration", description: "Built-in communication tools to bridge the gap between creative teams and clients.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page-template_23-2149052121.jpg"},
|
||||||
description: "Built-in communication tools to bridge the gap between creative teams and clients.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page-template_23-2149052121.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Seamless Production Ecosystem"
|
title="Seamless Production Ecosystem"
|
||||||
description="Everything your production agency needs in one unified platform."
|
description="Everything your production agency needs in one unified platform."
|
||||||
@@ -137,26 +109,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", value: "40%", title: "Time Saved", description: "Reduced pre-production cycles through automation.", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg"},
|
||||||
value: "40%",
|
|
||||||
title: "Time Saved",
|
|
||||||
description: "Reduced pre-production cycles through automation.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", value: "120+", title: "Active Projects", description: "Manage global media assets with ease.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-computer-make-use-text-video-with-ai_482257-119684.jpg"},
|
||||||
value: "120+",
|
|
||||||
title: "Active Projects",
|
|
||||||
description: "Manage global media assets with ease.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-computer-make-use-text-video-with-ai_482257-119684.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", value: "99.9%", title: "Uptime Reliability", description: "High-availability file access for production.", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-creative-game-creators-sitting-desk-with-multiple-displays-while-working-with-3d-assets-digital-interactive-entertainment-industry-workers-working-with-cgi_482257-43890.jpg"},
|
||||||
value: "99.9%",
|
|
||||||
title: "Uptime Reliability",
|
|
||||||
description: "High-availability file access for production.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-creative-game-creators-sitting-desk-with-multiple-displays-while-working-with-3d-assets-digital-interactive-entertainment-industry-workers-working-with-cgi_482257-43890.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Proven Production Efficiency"
|
title="Proven Production Efficiency"
|
||||||
description="Quantifiable gains for modern media agencies."
|
description="Quantifiable gains for modern media agencies."
|
||||||
@@ -168,14 +125,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Lumière Creative",
|
"Lumière Creative", "Tunis Film Lab", "Maghreb Media", "Atlas Productions", "Sahara Content", "Carthage Studios", "Medina Digital"]}
|
||||||
"Tunis Film Lab",
|
|
||||||
"Maghreb Media",
|
|
||||||
"Atlas Productions",
|
|
||||||
"Sahara Content",
|
|
||||||
"Carthage Studios",
|
|
||||||
"Medina Digital",
|
|
||||||
]}
|
|
||||||
title="Trusted by Market Leaders"
|
title="Trusted by Market Leaders"
|
||||||
description="Partnering with the finest studios in the region."
|
description="Partnering with the finest studios in the region."
|
||||||
/>
|
/>
|
||||||
@@ -189,25 +139,15 @@ export default function LandingPage() {
|
|||||||
author="Amira Ben Youssef"
|
author="Amira Ben Youssef"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Amira"},
|
||||||
alt: "Amira",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg", alt: "Ahmed"},
|
||||||
alt: "Ahmed",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-glasses_23-2148766932.jpg",
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-glasses_23-2148766932.jpg", alt: "Layla"},
|
||||||
alt: "Layla",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg",
|
src: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg", alt: "Yassine"},
|
||||||
alt: "Yassine",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg",
|
src: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg", alt: "Omar"},
|
||||||
alt: "Omar",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
@@ -219,20 +159,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "How do I book a session?", content: "You can select your desired studio time directly from the projects dashboard."},
|
||||||
title: "How do I book a session?",
|
|
||||||
content: "You can select your desired studio time directly from the projects dashboard.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Is my media secure?", content: "All assets are stored with enterprise-grade encryption for total peace of mind."},
|
||||||
title: "Is my media secure?",
|
|
||||||
content: "All assets are stored with enterprise-grade encryption for total peace of mind.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Can I chat with the team?", content: "Yes, real-time messaging is enabled within each project space."},
|
||||||
title: "Can I chat with the team?",
|
|
||||||
content: "Yes, real-time messaging is enabled within each project space.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Questions? We have answers."
|
sideTitle="Questions? We have answers."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -243,8 +174,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
tag="Get in touch"
|
tag="Get in touch"
|
||||||
title="Start your production journey."
|
title="Start your production journey."
|
||||||
description="Join the elite network of Tunisian media agencies."
|
description="Join the elite network of Tunisian media agencies."
|
||||||
@@ -255,29 +185,19 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Platform",
|
title: "Platform", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Pricing",
|
label: "Pricing", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -288,4 +208,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user