Merge version_1 into main #2
335
src/app/page.tsx
335
src/app/page.tsx
@@ -32,28 +32,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Services", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Rabu Fabrice"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,92 +47,31 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Excellence in Every Detail"
|
||||
description="Rabu Fabrice offers bespoke professional services designed to elevate your business and personal brand identity through meticulous attention to detail."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Smith",
|
||||
handle: "@alexs",
|
||||
testimonial: "Exceptional work, truly transformative experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sarah Jones",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Highly professional and delivers outstanding results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-standing-suit-office_1303-22798.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark Miller",
|
||||
handle: "@markm",
|
||||
testimonial: "Rabu Fabrice understands vision like no other.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily Davis",
|
||||
handle: "@emilyd",
|
||||
testimonial: "Strategic, insightful, and incredibly reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg",
|
||||
},
|
||||
{
|
||||
name: "James Wilson",
|
||||
handle: "@jamesw",
|
||||
testimonial: "Brought my project to the next level instantly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3831.jpg",
|
||||
},
|
||||
{ name: "Alex Smith", handle: "@alexs", testimonial: "Exceptional work, truly transformative experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg" },
|
||||
{ name: "Sarah Jones", handle: "@sarahj", testimonial: "Highly professional and delivers outstanding results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-standing-suit-office_1303-22798.jpg" },
|
||||
{ name: "Mark Miller", handle: "@markm", testimonial: "Rabu Fabrice understands vision like no other.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg" },
|
||||
{ name: "Emily Davis", handle: "@emilyd", testimonial: "Strategic, insightful, and incredibly reliable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg" },
|
||||
{ name: "James Wilson", handle: "@jamesw", testimonial: "Brought my project to the next level instantly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3831.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-woman-drinking-coffee-cafe-while-working-her-laptop-writing-her-notebook_23-2149230375.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-woman-drinking-coffee-cafe-while-working-her-laptop-writing-her-notebook_23-2149230375.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg",
|
||||
alt: "Smiling young businessman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1702.jpg",
|
||||
alt: "Professional leader smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
alt: "Businessman smiling looking forward",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg",
|
||||
alt: "Young professional portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-office-by-window_1303-21128.jpg",
|
||||
alt: "Confident business woman",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg", alt: "Smiling young businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1702.jpg", alt: "Professional leader smiling" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Businessman smiling looking forward" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg", alt: "Young professional portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-office-by-window_1303-21128.jpg", alt: "Confident business woman" },
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Growth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Identity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Market Analysis",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Operational Excellence",
|
||||
},
|
||||
{ type: "text", text: "Strategic Growth" },
|
||||
{ type: "text", text: "Brand Identity" },
|
||||
{ type: "text", text: "Creative Design" },
|
||||
{ type: "text", text: "Market Analysis" },
|
||||
{ type: "text", text: "Operational Excellence" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,20 +82,11 @@ export default function LandingPage() {
|
||||
title="Crafting Exceptional Experiences"
|
||||
description="With years of expertise, we focus on delivering tailored strategies that align with your unique objectives and foster sustainable growth."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
{ value: "10+", title: "Years Experience" },
|
||||
{ value: "200+", title: "Projects Completed" },
|
||||
{ value: "98%", title: "Client Satisfaction" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-elderly-graphic-copy-space-technology_1134-1386.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-elderly-graphic-copy-space-technology_1134-1386.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -183,40 +99,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Brand Strategy",
|
||||
description: "Defining your core identity and messaging to resonate with your audience.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994395.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-folder-watches-stationery_23-2147833198.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-drinking-coffee-cafe-while-working-her-laptop-writing-her-notebook_23-2149230375.jpg?_wi=2",
|
||||
imageAlt: "minimal workspace tools",
|
||||
title: "Brand Strategy", description: "Defining your core identity and messaging to resonate with your audience.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994395.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-folder-watches-stationery_23-2147833198.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Strategic Consulting",
|
||||
description: "Actionable insights for optimized business processes and operations.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-eucalyptus-plant_23-2149200309.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-keyboard-mobile-phone_23-2148543807.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-elderly-graphic-copy-space-technology_1134-1386.jpg?_wi=2",
|
||||
imageAlt: "minimal workspace tools",
|
||||
title: "Strategic Consulting", description: "Actionable insights for optimized business processes and operations.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-eucalyptus-plant_23-2149200309.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-keyboard-mobile-phone_23-2148543807.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Creative Direction",
|
||||
description: "Directing visual and creative projects with artistic precision.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-agenda-wooden-table_23-2148459797.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-desk-assortment-view_23-2148128293.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg?_wi=2",
|
||||
imageAlt: "minimal workspace tools",
|
||||
title: "Creative Direction", description: "Directing visual and creative projects with artistic precision.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-agenda-wooden-table_23-2148459797.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-desk-assortment-view_23-2148128293.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -232,60 +124,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Standard",
|
||||
name: "Consulting Package",
|
||||
price: "$999",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-glasses-near-empty-sketchbook_23-2147768914.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Advanced",
|
||||
name: "Brand Design",
|
||||
price: "$1,499",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop_23-2148155464.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Elite",
|
||||
name: "Full Strategy",
|
||||
price: "$2,999",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-desk-with-copy-space_23-2148128262.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Standard",
|
||||
name: "Analysis Report",
|
||||
price: "$499",
|
||||
rating: 4,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watch-pen-laptop-near-plant-notebook_23-2147777801.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Advanced",
|
||||
name: "Market Review",
|
||||
price: "$799",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-glasses-near-laptop-white_23-2147768897.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Elite",
|
||||
name: "Growth Roadmap",
|
||||
price: "$1,999",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watch-stationery-near-plants-laptop_23-2147777791.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Standard", name: "Consulting Package", price: "$999", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/plant-glasses-near-empty-sketchbook_23-2147768914.jpg" },
|
||||
{ id: "2", brand: "Advanced", name: "Brand Design", price: "$1,499", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/laptop_23-2148155464.jpg" },
|
||||
{ id: "3", brand: "Elite", name: "Full Strategy", price: "$2,999", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/business-desk-with-copy-space_23-2148128262.jpg" },
|
||||
{ id: "4", brand: "Standard", name: "Analysis Report", price: "$499", rating: 4, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/watch-pen-laptop-near-plant-notebook_23-2147777801.jpg" },
|
||||
{ id: "5", brand: "Advanced", name: "Market Review", price: "$799", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-glasses-near-laptop-white_23-2147768897.jpg" },
|
||||
{ id: "6", brand: "Elite", name: "Growth Roadmap", price: "$1,999", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/watch-stationery-near-plants-laptop_23-2147777791.jpg" },
|
||||
]}
|
||||
title="Selected Services"
|
||||
description="Browse our curated selection of professional services tailored to your needs."
|
||||
@@ -298,24 +142,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Awards Won",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Clients Served",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Globe,
|
||||
title: "Countries Reach",
|
||||
value: "12",
|
||||
},
|
||||
{ id: "m1", icon: Award, title: "Awards Won", value: "25+" },
|
||||
{ id: "m2", icon: Users, title: "Clients Served", value: "150+" },
|
||||
{ id: "m3", icon: Globe, title: "Countries Reach", value: "12" },
|
||||
]}
|
||||
title="Our Global Impact"
|
||||
description="Evidence-based results for every partner and project we undertake."
|
||||
@@ -326,31 +155,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2873.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-executive-leading-people_1262-4716.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alex",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1600.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "James",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2873.jpg" },
|
||||
{ id: "t2", name: "Mark", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-executive-leading-people_1262-4716.jpg" },
|
||||
{ id: "t3", name: "Alex", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1600.jpg" },
|
||||
{ id: "t4", name: "Emily", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
||||
{ id: "t5", name: "James", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg" },
|
||||
]}
|
||||
cardTitle="What Our Partners Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -363,21 +172,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do we start?",
|
||||
content: "Reach out via our contact form to schedule an initial consultation.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the typical timeframe?",
|
||||
content: "Projects vary but typically take 4-8 weeks depending on scope.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you work internationally?",
|
||||
content: "Yes, we work with clients worldwide via virtual collaboration tools.",
|
||||
},
|
||||
{ id: "f1", title: "How do we start?", content: "Reach out via our contact form to schedule an initial consultation." },
|
||||
{ id: "f2", title: "What is the typical timeframe?", content: "Projects vary but typically take 4-8 weeks depending on scope." },
|
||||
{ id: "f3", title: "Do you work internationally?", content: "Yes, we work with clients worldwide via virtual collaboration tools." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -389,9 +186,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Let's Collaborate"
|
||||
description="Ready to take the next step? Send us a message and let's discuss your project goals."
|
||||
@@ -406,29 +201,15 @@ export default function LandingPage() {
|
||||
logoText="Rabu Fabrice"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -438,4 +219,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user