Merge version_1 into main #2
458
src/app/page.tsx
458
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Briefcase, Layers, PieChart, Settings, Shield, Target, TrendingUp, Zap } from "lucide-react";
|
||||
import { Briefcase, Layers, PieChart, Settings, Shield, Target, TrendingUp, Zap, Cpu } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,326 +29,160 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Fexme"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Fexme"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="Fexme Business Solutions"
|
||||
description="Driving business transformation through strategic innovation, operational excellence, and tailored digital solutions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106140.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Fexme Business Solutions"
|
||||
description="Driving business transformation through strategic innovation, operational excellence, and tailored digital solutions."
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Our Services", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106140.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Delivering Excellence In Business Transformation",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571033.jpg",
|
||||
alt: "About Fexme",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Delivering Excellence In Business Transformation" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571033.jpg", alt: "About Fexme" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Strategy Consulting",
|
||||
description: "Expert advice to align your business goals with current market opportunities.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826241.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Target,
|
||||
text: "Market Analysis",
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
text: "Strategy Planning",
|
||||
},
|
||||
{
|
||||
icon: PieChart,
|
||||
text: "Financial Roadmap",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106140.jpg?_wi=2",
|
||||
imageAlt: "modern corporate office consultation room",
|
||||
},
|
||||
{
|
||||
title: "Digital Transformation",
|
||||
description: "Leveraging cutting-edge technology to digitize and automate your core workflows.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-coworkers-office-having-fun-chatting-while-reviewing-documents_482257-126482.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Cpu,
|
||||
text: "System Integration",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Cloud Migration",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Security Protocols",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571033.jpg",
|
||||
imageAlt: "modern corporate office consultation room",
|
||||
},
|
||||
{
|
||||
title: "Process Optimization",
|
||||
description: "Improving operational efficiency by identifying and eliminating bottlenecks.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-gray-hallway-with-glass-windows_250224-246.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Workflow Audit",
|
||||
},
|
||||
{
|
||||
icon: Layers,
|
||||
text: "Resource Allocation",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
text: "Growth Tracking",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-graphic-holography_23-2149160932.jpg?_wi=1",
|
||||
imageAlt: "modern corporate office consultation room",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Business Solutions"
|
||||
description="Scalable strategies designed to optimize your operations and drive sustainable growth across the enterprise."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Strategy Consulting", description: "Expert advice to align your business goals with current market opportunities.", media: { imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826241.jpg", imageAlt: "modern corporate office consultation room" },
|
||||
items: [
|
||||
{ icon: Target, text: "Market Analysis" },
|
||||
{ icon: Briefcase, text: "Strategy Planning" },
|
||||
{ icon: PieChart, text: "Financial Roadmap" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Digital Transformation", description: "Leveraging cutting-edge technology to digitize and automate your core workflows.", media: { imageSrc: "http://img.b2bpic.net/free-photo/relaxed-coworkers-office-having-fun-chatting-while-reviewing-documents_482257-126482.jpg", imageAlt: "modern corporate office consultation room" },
|
||||
items: [
|
||||
{ icon: Cpu, text: "System Integration" },
|
||||
{ icon: Zap, text: "Cloud Migration" },
|
||||
{ icon: Shield, text: "Security Protocols" },
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Process Optimization", description: "Improving operational efficiency by identifying and eliminating bottlenecks.", media: { imageSrc: "http://img.b2bpic.net/free-photo/brown-gray-hallway-with-glass-windows_250224-246.jpg", imageAlt: "modern corporate office consultation room" },
|
||||
items: [
|
||||
{ icon: Settings, text: "Workflow Audit" },
|
||||
{ icon: Layers, text: "Resource Allocation" },
|
||||
{ icon: TrendingUp, text: "Growth Tracking" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Business Solutions"
|
||||
description="Scalable strategies designed to optimize your operations and drive sustainable growth across the enterprise."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
description: "Across multiple global industries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-graphic-holography_23-2149160932.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Consistently rated by our partners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40%",
|
||||
title: "Operational Growth",
|
||||
description: "Avg improvement in efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-blue_78370-3666.jpg",
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="We don't just talk strategy; we deliver measurable impact."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "150+", title: "Projects Completed", description: "Across multiple global industries.", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-graphic-holography_23-2149160932.jpg" },
|
||||
{ id: "m2", value: "98%", title: "Client Satisfaction", description: "Consistently rated by our partners.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg" },
|
||||
{ id: "m3", value: "40%", title: "Operational Growth", description: "Avg improvement in efficiency.", imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-blue_78370-3666.jpg" },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="We don't just talk strategy; we deliver measurable impact."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Oracle",
|
||||
"SAP",
|
||||
"Deloitte",
|
||||
"IBM",
|
||||
"AWS",
|
||||
"Google Cloud",
|
||||
]}
|
||||
title="Trusted By Industry Leaders"
|
||||
description="Partnering with top companies across the globe."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Microsoft", "Oracle", "SAP", "Deloitte", "IBM", "AWS", "Google Cloud"]}
|
||||
title="Trusted By Industry Leaders"
|
||||
description="Partnering with top companies across the globe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The strategic roadmap Fexme provided was a game changer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Exceptional service and deep industry insight.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4145.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Transformed our operations in just three months.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@davidk",
|
||||
testimonial: "Highly professional and focused on our long-term goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jessl",
|
||||
testimonial: "The best consulting partner we've had in a decade.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Partners Say"
|
||||
description="Hear directly from those who trust our solutions."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The strategic roadmap Fexme provided was a game changer.", imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Exceptional service and deep industry insight.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4145.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Transformed our operations in just three months.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@davidk", testimonial: "Highly professional and focused on our long-term goals.", imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg" },
|
||||
{ id: "5", name: "Jessica Lee", handle: "@jessl", testimonial: "The best consulting partner we've had in a decade.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg" },
|
||||
]}
|
||||
title="What Partners Say"
|
||||
description="Hear directly from those who trust our solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you approach business consulting?",
|
||||
content: "We follow a data-driven approach, auditing current processes before recommending scalable improvements.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you work with startups?",
|
||||
content: "Yes, we support businesses of all sizes, from early-stage startups to mature global enterprises.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What industries do you serve?",
|
||||
content: "Our expertise spans across Technology, Finance, Manufacturing, and Healthcare sectors.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our approach."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do you approach business consulting?", content: "We follow a data-driven approach, auditing current processes before recommending scalable improvements." },
|
||||
{ id: "q2", title: "Do you work with startups?", content: "Yes, we support businesses of all sizes, from early-stage startups to mature global enterprises." },
|
||||
{ id: "q3", title: "What industries do you serve?", content: "Our expertise spans across Technology, Finance, Manufacturing, and Healthcare sectors." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our approach."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Start Your Transformation"
|
||||
description="Schedule a discovery call with one of our business consultants today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139291.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Start Your Transformation"
|
||||
description="Schedule a discovery call with one of our business consultants today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139291.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Fexme"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Fexme"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user