Add src/app/about/page.tsx
This commit is contained in:
134
src/app/about/page.tsx
Normal file
134
src/app/about/page.tsx
Normal file
@@ -0,0 +1,134 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { Building2, Briefcase, Award, Users } from 'lucide-react';
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Why Us", id: "#why-us" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Business Center 2.0"
|
||||
bottomLeftText="Marrakesh, Morocco"
|
||||
bottomRightText="+212 (0) 5 24 XX XX XX"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="About Business Center 2.0"
|
||||
description="Founded in 2009, Business Center 2.0 has been Marrakesh's leading business solutions provider. We are dedicated to helping entrepreneurs and companies establish, grow, and succeed in Morocco's dynamic business environment. With over 15 years of experience and 500+ successful business formations, we've become the trusted partner for businesses across all sectors."
|
||||
tag="Our Story"
|
||||
tagIcon={Building2}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/focused-business-colleagues-arguing_1262-20538.jpg?_wi=2"
|
||||
imageAlt="Business Center 2.0 office team"
|
||||
buttons={[
|
||||
{ text: "Back to Home", href: "/" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="mission" data-section="mission">
|
||||
<MediaAbout
|
||||
title="Our Mission & Values"
|
||||
description="Our mission is to empower entrepreneurs and businesses by providing comprehensive, accessible, and professional business solutions. We believe in integrity, excellence, and client success. We combine deep local knowledge with international best practices to deliver services that exceed expectations. Every business we help succeed strengthens Marrakesh's economy and creates opportunities for growth."
|
||||
tag="Core Values"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/experienced-smiling-businessman-giving-presentation-executive-team_23-2147923355.jpg"
|
||||
imageAlt="Business team presenting"
|
||||
buttons={[
|
||||
{ text: "Our Services", href: "/#services" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
title="What Makes Us Different"
|
||||
description="We're not just another business service provider. Here's what sets Business Center 2.0 apart from the competition."
|
||||
tag="Our Difference"
|
||||
tagIcon={Briefcase}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic one-size-fits-all services", "Lack of personalized attention", "Slow and bureaucratic processes", "Poor after-sales support"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Customized solutions for every business", "Dedicated personal consultants", "Fast turnaround with quality assurance", "Long-term ongoing support relationships"
|
||||
]
|
||||
}}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<ProductCardTwo
|
||||
title="Our Expert Team"
|
||||
description="Our team consists of experienced professionals with deep expertise in business law, accounting, and entrepreneurship."
|
||||
tag="Meet the Team"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Legal Expertise", name: "Business Law & Compliance", price: "Expert Guidance", rating: 5,
|
||||
reviewCount: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg", imageAlt: "Legal professional"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Financial Expertise", name: "Accounting & Financial Planning", price: "Expert Guidance", rating: 5,
|
||||
reviewCount: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-with-gray-beard_1262-3872.jpg", imageAlt: "Financial professional"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Business Expertise", name: "Business Consulting & Strategy", price: "Expert Guidance", rating: 5,
|
||||
reviewCount: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-with-face-mask-presenting-his-coworkers-new-project-whiteboard-office_637285-9181.jpg?_wi=2", imageAlt: "Business consultant"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Business Center 2.0"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user