Merge version_2 into main #3
171
src/app/page.tsx
171
src/app/page.tsx
@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import { BarChart, Layers, ShoppingBag, Megaphone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -19,14 +19,14 @@ export default function LandingPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLarge"
|
||||
background="grid"
|
||||
cardStyle="gradient-bordered"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -43,96 +43,45 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "rotated-rays-static"}}
|
||||
background={{ 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: "150+", label: "Enterprise Partners"},
|
||||
{
|
||||
value: "98%", label: "Growth Satisfaction"},
|
||||
{ value: "12+", label: "Regional Markets" },
|
||||
{ value: "150+", label: "Enterprise Partners" },
|
||||
{ value: "98%", label: "Growth Satisfaction" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services", href: "#services"},
|
||||
]}
|
||||
buttons={[{ text: "Explore Services", href: "#services" }]}
|
||||
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-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/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"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global industry experts."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Strategic Growth"},
|
||||
{
|
||||
type: "text", text: "Retail Excellence"},
|
||||
{
|
||||
type: "text", text: "Marketing Intelligence"},
|
||||
{
|
||||
type: "text", text: "Supply Chain Efficiency"},
|
||||
{
|
||||
type: "text", text: "Enterprise Scaling"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Redefining Brand Maturity through strategic cross-border partnerships and innovative retail insights."
|
||||
heading={[{ type: 'text', content: "Redefining Brand Maturity through strategic cross-border partnerships and innovative retail insights." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTen
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
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"},
|
||||
items: [
|
||||
{
|
||||
icon: Megaphone,
|
||||
text: "Brand Growth"},
|
||||
{
|
||||
icon: BarChart,
|
||||
text: "Analytics"},
|
||||
],
|
||||
reverse: false
|
||||
title: "Menta Marketing", description: "Premium data-driven marketing strategy designed for scalability.", icon: Megaphone
|
||||
},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
icon: Layers,
|
||||
text: "Supply Chain"},
|
||||
],
|
||||
reverse: true
|
||||
title: "Menta Retail", description: "Comprehensive retail solutions for the modern landscape.", icon: ShoppingBag
|
||||
},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Strategic solutions bridging Europe and the Middle East."
|
||||
tag="Coming Soon"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -143,46 +92,23 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
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", 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: "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: "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: "p1", name: "AI Insight Hub", price: "Soon", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913298.jpg" },
|
||||
{ id: "p2", name: "Retail Optimizer", price: "Soon", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10379.jpg" },
|
||||
]}
|
||||
title="Coming Soon"
|
||||
title="Product Roadmap"
|
||||
description="Future-ready offerings in development."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
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: "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: "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: "1", name: "Sarah Jenkins", handle: "@ceo", testimonial: "Transformed our operations completely.", rating: 5 },
|
||||
{ id: "2", name: "Ahmed Mansour", handle: "@director", testimonial: "Exceptional retail insight and growth.", rating: 5 },
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Partners who have grown with Menta."
|
||||
@@ -195,12 +121,9 @@ export default function LandingPage() {
|
||||
title="Proven Impact"
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "40%", description: "Average conversion increase"},
|
||||
{
|
||||
id: "m2", value: "25k", description: "Monthly retail interactions"},
|
||||
{
|
||||
id: "m3", value: "15", description: "Countries served globally"},
|
||||
{ id: "m1", value: "40%", description: "Average conversion increase" },
|
||||
{ id: "m2", value: "25k", description: "Monthly retail interactions" },
|
||||
{ id: "m3", value: "15", description: "Countries served globally" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -211,12 +134,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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: "f3", title: "Do you handle retail and marketing?", content: "Yes, we integrate both seamlessly."},
|
||||
{ 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." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about Menta Group."
|
||||
@@ -227,8 +146,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact"
|
||||
title="Get Started"
|
||||
description="Connect with our team today."
|
||||
@@ -238,30 +156,15 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterBaseReveal
|
||||
logoText="Menta Group"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "FAQs", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Menta Group"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user