Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-04 16:20:17 +00:00

View File

@@ -27,293 +27,130 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Cherry Bahrain"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" },
]}
brandName="Cherry Bahrain"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
title="Elevate Your Business with Smart Digital Solutions"
description="Leading Sage ERP and Digital Marketing Experts in Bahrain"
tag="Trusted Partner"
buttons={[
{
text: "Contact Us",
href: "#contact",
},
{
text: "Our Services",
href: "#services",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/team-business-directors-meeting-evaluate-performance-metrics-employees_482257-119938.jpg",
imageAlt: "Corporate Tech Solution",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-city-background_53876-104034.jpg?_wi=1",
imageAlt: "Business ERP Implementation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/system-administrators-using-laptop-data-center_482257-122563.jpg",
imageAlt: "Professional Team Workspace",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg?_wi=1",
imageAlt: "Digital Strategy Data",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-town-square_1359-156.jpg?_wi=1",
imageAlt: "Modern Office Facility",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Rated 5/5 by our clients"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "radial-gradient" }}
title="Elevate Your Business with Smart Digital Solutions"
description="Leading Sage ERP and Digital Marketing Experts in Bahrain"
tag="Trusted Partner"
buttons={[
{ text: "Contact Us", href: "#contact" },
{ text: "Our Services", href: "#services" },
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/team-business-directors-meeting-evaluate-performance-metrics-employees_482257-119938.jpg", imageAlt: "Corporate Tech Solution" },
{ imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-city-background_53876-104034.jpg", imageAlt: "Business ERP Implementation" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Rated 5/5 by our clients"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Cherry Bahrain is a leading digital marketing and software solutions provider in Bahrain, specializing in Sage 300, Sage X3, SugarCRM, and eFacility systems. We pride ourselves on expertise, reliability, and delivering client success.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/system-administrators-using-laptop-data-center_482257-122563.jpg",
alt: "Cherry Bahrain Team",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Cherry Bahrain is a leading digital marketing and software solutions provider in Bahrain, specializing in Sage 300, Sage X3, SugarCRM, and eFacility systems. We pride ourselves on expertise, reliability, and delivering client success." },
{ type: "image", src: "http://img.b2bpic.net/free-photo/system-administrators-using-laptop-data-center_482257-122563.jpg", alt: "Cherry Bahrain Team" },
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{
title: "Sage 300 ERP",
description: "Seamless implementation of Sage 300 ERP solutions.",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-city-background_53876-104034.jpg?_wi=2",
titleIconSrc: "Database",
buttonText: "Learn More",
},
{
title: "Sage X3 Solutions",
description: "Scalable ERP solutions with Sage X3 for growing enterprises.",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-city-background_53876-104034.jpg?_wi=3",
titleIconSrc: "Layers",
buttonText: "Learn More",
},
{
title: "Sugar CRM",
description: "Streamline customer relationships with SugarCRM.",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg?_wi=2",
titleIconSrc: "Users",
buttonText: "Learn More",
},
{
title: "eFacility Solutions",
description: "Advanced facility management software for operations.",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-city-background_53876-104034.jpg?_wi=4",
titleIconSrc: "Building",
buttonText: "Learn More",
},
{
title: "Digital Marketing",
description: "Data-driven marketing strategies for modern growth.",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg?_wi=3",
titleIconSrc: "Megaphone",
buttonText: "Learn More",
},
]}
title="Our Services"
description="Comprehensive technology and marketing solutions to drive your business forward."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{ title: "Sage 300 ERP", description: "Seamless implementation of Sage 300 ERP solutions.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-city-background_53876-104034.jpg", titleIconSrc: "Database", buttonText: "Learn More" },
{ title: "Sage X3 Solutions", description: "Scalable ERP solutions with Sage X3 for growing enterprises.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-city-background_53876-104034.jpg", titleIconSrc: "Layers", buttonText: "Learn More" },
{ title: "Sugar CRM", description: "Streamline customer relationships with SugarCRM.", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg", titleIconSrc: "Users", buttonText: "Learn More" },
{ title: "eFacility Solutions", description: "Advanced facility management software for operations.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-city-background_53876-104034.jpg", titleIconSrc: "Building", buttonText: "Learn More" },
{ title: "Digital Marketing", description: "Data-driven marketing strategies for modern growth.", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg", titleIconSrc: "Megaphone", buttonText: "Learn More" },
]}
title="Our Services"
description="Comprehensive technology and marketing solutions to drive your business forward."
/>
</div>
<div id="why-choose-us" data-section="why-choose-us">
<MetricCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
title: "Expert Team",
value: "15+",
icon: Users,
},
{
id: "m2",
title: "Proven Experience",
value: "10y+",
icon: Award,
},
{
id: "m3",
title: "Tailored Solutions",
value: "500+",
icon: Settings,
},
{
id: "m4",
title: "Strong Commitment",
value: "100%",
icon: CheckCircle,
},
]}
title="Why Choose Us"
description="Our commitment to excellence makes us the preferred partner for business transformation."
/>
</div>
<div id="why-choose-us" data-section="why-choose-us">
<MetricCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "m1", title: "Expert Team", value: "15+", icon: Users },
{ id: "m2", title: "Proven Experience", value: "10y+", icon: Award },
{ id: "m3", title: "Tailored Solutions", value: "500+", icon: Settings },
{ id: "m4", title: "Strong Commitment", value: "100%", icon: CheckCircle },
]}
title="Why Choose Us"
description="Our commitment to excellence makes us the preferred partner for business transformation."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Thomas Jacob",
role: "Client",
company: "BusinessCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=1",
},
{
id: "t2",
name: "Sarah Miller",
role: "CEO",
company: "RetailGrow",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=2",
},
{
id: "t3",
name: "Ahmed Ali",
role: "Director",
company: "BahrainSolutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=3",
},
{
id: "t4",
name: "John Doe",
role: "Manager",
company: "TechSystems",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=4",
},
{
id: "t5",
name: "Jane Smith",
role: "Owner",
company: "RetailPlus",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=5",
},
]}
title="Client Success"
description="What our clients say about us."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Thomas Jacob", role: "Client", company: "BusinessCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
{ id: "t2", name: "Sarah Miller", role: "CEO", company: "RetailGrow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
{ id: "t3", name: "Ahmed Ali", role: "Director", company: "BahrainSolutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
{ id: "t4", name: "John Doe", role: "Manager", company: "TechSystems", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
{ id: "t5", name: "Jane Smith", role: "Owner", company: "RetailPlus", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
]}
title="Client Success"
description="What our clients say about us."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Contact Us"
description="Office 124, Entrance 1027, Road 2139, Jidhafs, Bahrain. Phone: +973 3354 6699"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/empty-town-square_1359-156.jpg?_wi=2"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Contact Us"
description="Office 124, Entrance 1027, Road 2139, Jidhafs, Bahrain. Phone: +973 3354 6699"
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/empty-town-square_1359-156.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Cherry Bahrain"
columns={[
{
title: "Quick Links",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#services",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Connect",
items: [
{
label: "Instagram",
href: "#",
},
],
},
]}
copyrightText="© 2024 Cherry Bahrain. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Cherry Bahrain"
columns={[
{
title: "Quick Links", items: [
{ label: "About", href: "#about" },
{ label: "Services", href: "#services" },
{ label: "Contact", href: "#contact" },
],
},
{ title: "Connect", items: [{ label: "Instagram", href: "#" }] },
]}
copyrightText="© 2024 Cherry Bahrain. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);