Merge version_1 into main #2
261
src/app/page.tsx
261
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { BarChart, Layers, ShoppingBag } from "lucide-react";
|
||||
import { BarChart, Layers, ShoppingBag, Megaphone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Menta Group"
|
||||
/>
|
||||
@@ -56,78 +44,49 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Menta Group / مجموعة منتا"
|
||||
description="Innovative marketing and retail solutions designed for growth. Discover what's coming next."
|
||||
kpis={[
|
||||
{
|
||||
value: "12+",
|
||||
label: "Regional Markets",
|
||||
},
|
||||
value: "12+", label: "Regional Markets"},
|
||||
{
|
||||
value: "150+",
|
||||
label: "Enterprise Partners",
|
||||
},
|
||||
value: "150+", label: "Enterprise Partners"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Growth Satisfaction",
|
||||
},
|
||||
value: "98%", label: "Growth Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797637.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797637.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="modern office luxury design"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797715.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797715.jpg", alt: "Portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797641.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797641.jpg", alt: "Portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-business-environment_23-2150970236.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-business-environment_23-2150970236.jpg", alt: "Portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg", alt: "Portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Portrait 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global industry experts."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Growth",
|
||||
},
|
||||
type: "text", text: "Strategic Growth"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Retail Excellence",
|
||||
},
|
||||
type: "text", text: "Retail Excellence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Marketing Intelligence",
|
||||
},
|
||||
type: "text", text: "Marketing Intelligence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Supply Chain Efficiency",
|
||||
},
|
||||
type: "text", text: "Supply Chain Efficiency"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Enterprise Scaling",
|
||||
},
|
||||
type: "text", text: "Enterprise Scaling"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,46 +105,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Menta Marketing",
|
||||
description: "Premium data-driven marketing strategy designed for scalability.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2402.jpg",
|
||||
imageAlt: "data-driven marketing strategy",
|
||||
},
|
||||
title: "Menta Marketing", description: "Premium data-driven marketing strategy designed for scalability.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2402.jpg", imageAlt: "data-driven marketing strategy"},
|
||||
items: [
|
||||
{
|
||||
icon: Megaphone,
|
||||
text: "Brand Growth",
|
||||
},
|
||||
text: "Brand Growth"},
|
||||
{
|
||||
icon: BarChart,
|
||||
text: "Analytics",
|
||||
},
|
||||
text: "Analytics"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797637.jpg?_wi=2",
|
||||
imageAlt: "data-driven marketing strategy",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Menta Retail",
|
||||
description: "Comprehensive retail solutions for the modern landscape.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-speaking-phone_23-2148760474.jpg",
|
||||
imageAlt: "smart retail environment modern",
|
||||
},
|
||||
title: "Menta Retail", description: "Comprehensive retail solutions for the modern landscape.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-speaking-phone_23-2148760474.jpg", imageAlt: "smart retail environment modern"},
|
||||
items: [
|
||||
{
|
||||
icon: ShoppingBag,
|
||||
text: "Retail Ops",
|
||||
},
|
||||
text: "Retail Ops"},
|
||||
{
|
||||
icon: Layers,
|
||||
text: "Supply Chain",
|
||||
},
|
||||
text: "Supply Chain"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913298.jpg?_wi=1",
|
||||
imageAlt: "data-driven marketing strategy",
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
@@ -201,47 +144,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "AI Insight Hub",
|
||||
price: "Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913298.jpg?_wi=2",
|
||||
imageAlt: "tech dashboard software design",
|
||||
},
|
||||
id: "p1", name: "AI Insight Hub", price: "Soon", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913298.jpg", imageAlt: "tech dashboard software design"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Retail Optimizer",
|
||||
price: "Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10379.jpg",
|
||||
imageAlt: "retail inventory smart tech",
|
||||
},
|
||||
id: "p2", name: "Retail Optimizer", price: "Soon", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10379.jpg", imageAlt: "retail inventory smart tech"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Global Trade Portal",
|
||||
price: "Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tile-stairs-black-white-tone_1339-6753.jpg",
|
||||
imageAlt: "global trade digital concept",
|
||||
},
|
||||
id: "p3", name: "Global Trade Portal", price: "Soon", imageSrc: "http://img.b2bpic.net/free-photo/tile-stairs-black-white-tone_1339-6753.jpg", imageAlt: "global trade digital concept"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Predictive Analytics",
|
||||
price: "Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analytics-comparison-information-networking-concept_53876-15846.jpg",
|
||||
imageAlt: "data analytics visualization clean",
|
||||
},
|
||||
id: "p4", name: "Predictive Analytics", price: "Soon", imageSrc: "http://img.b2bpic.net/free-photo/analytics-comparison-information-networking-concept_53876-15846.jpg", imageAlt: "data analytics visualization clean"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Brand Identity Suite",
|
||||
price: "Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440903.jpg",
|
||||
imageAlt: "minimalist brand identity concept",
|
||||
},
|
||||
id: "p5", name: "Brand Identity Suite", price: "Soon", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440903.jpg", imageAlt: "minimalist brand identity concept"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Enterprise Scaling Kit",
|
||||
price: "Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template-light-mode_23-2148362024.jpg",
|
||||
imageAlt: "enterprise software scaling concept",
|
||||
},
|
||||
id: "p6", name: "Enterprise Scaling Kit", price: "Soon", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template-light-mode_23-2148362024.jpg", imageAlt: "enterprise software scaling concept"},
|
||||
]}
|
||||
title="Coming Soon"
|
||||
description="Future-ready offerings in development."
|
||||
@@ -256,45 +169,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "CEO",
|
||||
company: "Global Trade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", role: "CEO", company: "Global Trade", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ahmed Mansour",
|
||||
role: "Director",
|
||||
company: "Gulf retail",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
},
|
||||
id: "2", name: "Ahmed Mansour", role: "Director", company: "Gulf retail", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
role: "VP",
|
||||
company: "Euro Brands",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rossi", role: "VP", company: "Euro Brands", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Founder",
|
||||
company: "Startup Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Founder", company: "Startup Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria Garcia",
|
||||
role: "Partner",
|
||||
company: "Retail Plus",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-people-shaking-hands-outdoor-cafe_1262-19116.jpg",
|
||||
},
|
||||
id: "5", name: "Maria Garcia", role: "Partner", company: "Retail Plus", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-people-shaking-hands-outdoor-cafe_1262-19116.jpg"},
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Partners who have grown with Menta."
|
||||
@@ -308,20 +196,11 @@ export default function LandingPage() {
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "40%",
|
||||
description: "Average conversion increase",
|
||||
},
|
||||
id: "m1", value: "40%", description: "Average conversion increase"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "25k",
|
||||
description: "Monthly retail interactions",
|
||||
},
|
||||
id: "m2", value: "25k", description: "Monthly retail interactions"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15",
|
||||
description: "Countries served globally",
|
||||
},
|
||||
id: "m3", value: "15", description: "Countries served globally"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -333,20 +212,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Which regions do you cover?",
|
||||
content: "We operate across Europe and the Middle East.",
|
||||
},
|
||||
id: "f1", title: "Which regions do you cover?", content: "We operate across Europe and the Middle East."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I start a project?",
|
||||
content: "Contact us via the form below.",
|
||||
},
|
||||
id: "f2", title: "How do I start a project?", content: "Contact us via the form below."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you handle retail and marketing?",
|
||||
content: "Yes, we integrate both seamlessly.",
|
||||
},
|
||||
id: "f3", title: "Do you handle retail and marketing?", content: "Yes, we integrate both seamlessly."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about Menta Group."
|
||||
@@ -358,8 +228,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contact"
|
||||
title="Get Started"
|
||||
description="Connect with our team today."
|
||||
@@ -372,29 +241,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user