Update src/app/page.tsx
This commit is contained in:
229
src/app/page.tsx
229
src/app/page.tsx
@@ -32,91 +32,42 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Work",
|
||||
id: "tech-showcase",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Work", id: "tech-showcase" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ifeoluwa Designs"
|
||||
button={{ text: "Connect", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Innovation Meets Creativity"
|
||||
description="Hi, I'm Ifeoluwa Olatomide. Founder of Ifeoluwa Designs, creating impactful digital experiences and brand stories from Nigeria to the world."
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Work",
|
||||
href: "#tech-showcase",
|
||||
},
|
||||
{
|
||||
text: "Let's Connect",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View My Work", href: "#tech-showcase" },
|
||||
{ text: "Let's Connect", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg"
|
||||
imageAlt="creative designer workspace"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
|
||||
alt: "Middle eastern businessman does daily tasks at the corporate job",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg",
|
||||
alt: "Medium shot smiley man with laptop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",
|
||||
alt: "Person of indian origin having fun",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg",
|
||||
alt: "Project leder with disabilities looking at front sitting immobilized in wheelchair in business office room",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg",
|
||||
alt: "creative designer workspace",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", alt: "Middle eastern businessman does daily tasks at the corporate job" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg", alt: "Medium shot smiley man with laptop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg", alt: "Person of indian origin having fun" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg", alt: "Project leder with disabilities looking at front sitting immobilized in wheelchair in business office room" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg", alt: "creative designer workspace" },
|
||||
]}
|
||||
avatarText="Trusted by 50+ Professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "UI/UX Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Identity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "App Development",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Strategy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Social Media Growth",
|
||||
},
|
||||
{ type: "text", text: "UI/UX Design" },
|
||||
{ type: "text", text: "Brand Identity" },
|
||||
{ type: "text", text: "App Development" },
|
||||
{ type: "text", text: "Digital Strategy" },
|
||||
{ type: "text", text: "Social Media Growth" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,21 +87,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mobile App Design (No-Code)",
|
||||
"Business Strategy",
|
||||
"Digital Marketing Consultation",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Graphic Design & Logos",
|
||||
"Brand Identity Systems",
|
||||
"Social Media Content",
|
||||
"Banners & Posters",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Mobile App Design (No-Code)", "Business Strategy", "Digital Marketing Consultation"] }}
|
||||
positiveCard={{ items: ["Graphic Design & Logos", "Brand Identity Systems", "Social Media Content", "Banners & Posters"] }}
|
||||
title="Crafting Your Story"
|
||||
description="I combine diverse skills to ensure your message connects with your audience effectively."
|
||||
/>
|
||||
@@ -160,44 +98,15 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "SOCIAL App",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arabic-phone-16_187299-46645.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Brand Campaign A",
|
||||
price: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-simple-textured-background-design_53876-145149.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Startup Web UI",
|
||||
price: "Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-architect-colleagues-discussing-layout-project_482257-8116.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Agency Identity",
|
||||
price: "Brand",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440912.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Event Promo",
|
||||
price: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320694.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "App Concept V2",
|
||||
price: "Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-wooden-desk-with-social-media-diagram_1134-64.jpg",
|
||||
},
|
||||
{ id: "p1", name: "SOCIAL App", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/arabic-phone-16_187299-46645.jpg" },
|
||||
{ id: "p2", name: "Brand Campaign A", price: "Design", imageSrc: "http://img.b2bpic.net/free-photo/gray-simple-textured-background-design_53876-145149.jpg" },
|
||||
{ id: "p3", name: "Startup Web UI", price: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/working-architect-colleagues-discussing-layout-project_482257-8116.jpg" },
|
||||
{ id: "p4", name: "Agency Identity", price: "Brand", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440912.jpg" },
|
||||
{ id: "p5", name: "Event Promo", price: "Design", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320694.jpg" },
|
||||
{ id: "p6", name: "App Concept V2", price: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/laptop-wooden-desk-with-social-media-diagram_1134-64.jpg" },
|
||||
]}
|
||||
title="Tech & Projects"
|
||||
description="My latest work integrating design and technology."
|
||||
@@ -210,24 +119,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Projects Completed",
|
||||
value: "50+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Happy Clients",
|
||||
value: "40+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Designs Created",
|
||||
value: "200+",
|
||||
icon: Palette,
|
||||
},
|
||||
{ id: "m1", title: "Projects Completed", value: "50+", icon: Award },
|
||||
{ id: "m2", title: "Happy Clients", value: "40+", icon: Users },
|
||||
{ id: "m3", title: "Designs Created", value: "200+", icon: Palette },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Building impact one project at a time."
|
||||
@@ -238,15 +132,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Brand A",
|
||||
"Brand B",
|
||||
"Brand C",
|
||||
"Brand D",
|
||||
"Brand E",
|
||||
"Brand F",
|
||||
"Brand G",
|
||||
]}
|
||||
names={["Brand A", "Brand B", "Brand C", "Brand D", "Brand E", "Brand F", "Brand G"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with businesses across Nigeria and beyond."
|
||||
/>
|
||||
@@ -257,21 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What tools do you use?",
|
||||
content: "I use a range of professional design tools and no-code platforms like Adalo for app development.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you work with international clients?",
|
||||
content: "Yes, I work with clients both within Nigeria and internationally.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long does a design project take?",
|
||||
content: "Timelines vary depending on project scope, but I prioritize clear communication to ensure deadlines are met.",
|
||||
},
|
||||
{ id: "f1", title: "What tools do you use?", content: "I use a range of professional design tools and no-code platforms like Adalo for app development." },
|
||||
{ id: "f2", title: "Do you work with international clients?", content: "Yes, I work with clients both within Nigeria and internationally." },
|
||||
{ id: "f3", title: "How long does a design project take?", content: "Timelines vary depending on project scope, but I prioritize clear communication to ensure deadlines are met." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get to know more about my design process and services."
|
||||
@@ -282,9 +156,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Let’s Bring Your Vision To Life"
|
||||
description="Ready to elevate your brand? Reach out via email or follow me on social media to start a project."
|
||||
@@ -301,33 +173,16 @@ export default function LandingPage() {
|
||||
logoText="Ifeoluwa Designs"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#tech-showcase",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Portfolio", href: "#tech-showcase" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/ifeoluwa_designs",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/ifeoluwa_designs",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com/ifeoluwa_designs" },
|
||||
{ label: "Facebook", href: "https://facebook.com/ifeoluwa_designs" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user