Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
477
src/app/page.tsx
477
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Sparkles, Shield, Award } from 'lucide-react';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -19,346 +20,164 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="My Portfolio"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="My Portfolio"
|
||||
button={{ text: "Contact Me", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Innovative Creative Solutions"
|
||||
description="I help build modern digital experiences that engage and inspire. Let's work together on your next big project."
|
||||
tag="Personal Portfolio"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-workplace-with-vase-laptop-desk_23-2148225531.jpg?_wi=1",
|
||||
imageAlt: "Hero scene 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-126934.jpg",
|
||||
imageAlt: "Hero scene 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-minimalistic-business-desk_23-2149073021.jpg",
|
||||
imageAlt: "Hero scene 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-desktop-blurred-background_169016-29249.jpg",
|
||||
imageAlt: "Hero scene 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-laptop-notebook_23-2148110239.jpg",
|
||||
imageAlt: "Hero scene 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-screen-lamp_23-2148821872.jpg",
|
||||
imageAlt: "Hero scene 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Innovative Creative Solutions"
|
||||
description="I help build modern digital experiences that engage and inspire. Let's work together on your next big project."
|
||||
tag="Personal Portfolio"
|
||||
buttons={[
|
||||
{ text: "View Projects", href: "#projects" },
|
||||
{ text: "Contact Me", href: "#contact" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/composition-workplace-with-vase-laptop-desk_23-2148225531.jpg", imageAlt: "Hero scene 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-126934.jpg", imageAlt: "Hero scene 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-minimalistic-business-desk_23-2149073021.jpg", imageAlt: "Hero scene 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/laptop-desktop-blurred-background_169016-29249.jpg", imageAlt: "Hero scene 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-laptop-notebook_23-2148110239.jpg", imageAlt: "Hero scene 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-screen-lamp_23-2148821872.jpg", imageAlt: "Hero scene 6" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Passionate About Design & Development"
|
||||
description={[
|
||||
"With over 5 years of experience, I bridge the gap between creative vision and technical implementation. My approach focuses on clean code and user-centric design.",
|
||||
"I thrive in collaborative environments and love solving complex problems with modern tools and frameworks.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Passionate About Design & Development"
|
||||
description={[
|
||||
"With over 5 years of experience, I bridge the gap between creative vision and technical implementation. My approach focuses on clean code and user-centric design.", "I thrive in collaborative environments and love solving complex problems with modern tools and frameworks."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="expertise" data-section="expertise">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "Expert in modern web technologies including React and Next.js.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg",
|
||||
imageAlt: "Minimalist Black and White Office Desk with Stationery",
|
||||
},
|
||||
{
|
||||
title: "UI/UX Design",
|
||||
description: "Creating intuitive and visually stunning user interfaces.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-workplace-with-vase-laptop-desk_23-2148225531.jpg?_wi=2",
|
||||
imageAlt: "Minimalist Black and White Office Desk with Stationery",
|
||||
},
|
||||
{
|
||||
title: "Brand Identity",
|
||||
description: "Crafting memorable brands that resonate with audiences.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg?_wi=1",
|
||||
imageAlt: "Minimalist Black and White Office Desk with Stationery",
|
||||
},
|
||||
{
|
||||
title: "Performance Optimization",
|
||||
description: "Ensuring fast load times and seamless interactions.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-sitting-house-with-automation-light-system_482257-9704.jpg?_wi=1",
|
||||
imageAlt: "Minimalist Black and White Office Desk with Stationery",
|
||||
},
|
||||
]}
|
||||
title="My Expertise"
|
||||
description="Focused on creating scalable, high-performance, and beautiful digital products."
|
||||
/>
|
||||
</div>
|
||||
<div id="expertise" data-section="expertise">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Web Development", description: "Expert in modern web technologies including React and Next.js.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg", imageAlt: "Desk" },
|
||||
{ title: "UI/UX Design", description: "Creating intuitive and visually stunning user interfaces.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/composition-workplace-with-vase-laptop-desk_23-2148225531.jpg", imageAlt: "Desk" },
|
||||
{ title: "Brand Identity", description: "Crafting memorable brands that resonate with audiences.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg", imageAlt: "Desk" },
|
||||
{ title: "Performance Optimization", description: "Ensuring fast load times and seamless interactions.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/person-sitting-house-with-automation-light-system_482257-9704.jpg", imageAlt: "Desk" }
|
||||
]}
|
||||
title="My Expertise"
|
||||
description="Focused on creating scalable, high-performance, and beautiful digital products."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "30+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5",
|
||||
description: "Years Experience",
|
||||
},
|
||||
]}
|
||||
title="Professional Impact"
|
||||
description="Proven results delivered through consistent effort and dedication."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "50+", description: "Projects Completed" },
|
||||
{ id: "m2", value: "30+", description: "Happy Clients" },
|
||||
{ id: "m3", value: "5", description: "Years Experience" }
|
||||
]}
|
||||
title="Professional Impact"
|
||||
description="Proven results delivered through consistent effort and dedication."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "E-commerce Platform",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-sitting-house-with-automation-light-system_482257-9704.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mobile Dashboard App",
|
||||
price: "UX Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Corporate Brand Identity",
|
||||
price: "Branding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-laptop-with-pen-adhesive-notes-black-background_23-2147916392.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "AI Analytics Interface",
|
||||
price: "UI Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-desk-medium-shot_23-2149930939.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Non-profit Website",
|
||||
price: "Development",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749859.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Photography Portfolio",
|
||||
price: "Photography",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-open-folded-paper-brochure-template_9975-134356.jpg",
|
||||
},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A collection of my recent work, showcasing design, development, and strategic thinking."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "E-commerce Platform", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/person-sitting-house-with-automation-light-system_482257-9704.jpg" },
|
||||
{ id: "p2", name: "Mobile Dashboard App", price: "UX Case Study", imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg" },
|
||||
{ id: "p3", name: "Corporate Brand Identity", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-laptop-with-pen-adhesive-notes-black-background_23-2147916392.jpg" },
|
||||
{ id: "p4", name: "AI Analytics Interface", price: "UI Design", imageSrc: "http://img.b2bpic.net/free-photo/man-working-desk-medium-shot_23-2149930939.jpg" },
|
||||
{ id: "p5", name: "Non-profit Website", price: "Development", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749859.jpg" },
|
||||
{ id: "p6", name: "Photography Portfolio", price: "Photography", imageSrc: "http://img.b2bpic.net/free-photo/blank-open-folded-paper-brochure-template_9975-134356.jpg" }
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A collection of my recent work, showcasing design, development, and strategic thinking."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Exceptional work on our branding. Very impressed!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-brick-wall-background-looking-sleepy-tired-exhausted-fatigue-hangover-lazy-eyes-morning_839833-16515.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Delivered ahead of schedule. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elenar",
|
||||
testimonial: "Great attention to detail and communication.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Top-tier design quality for our SaaS project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
handle: "@lwang",
|
||||
testimonial: "A true professional. Looking forward to more work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-stylish-woman-coat-joyfully-looking-camera-walking-through-city-street_574295-2122.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Feedback"
|
||||
description="What my clients have to say about our collaborations."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "Exceptional work on our branding. Very impressed!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-brick-wall-background-looking-sleepy-tired-exhausted-fatigue-hangover-lazy-eyes-morning_839833-16515.jpg" },
|
||||
{ id: "2", name: "Marcus Chen", handle: "@mchen", testimonial: "Delivered ahead of schedule. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", handle: "@elenar", testimonial: "Great attention to detail and communication.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "Top-tier design quality for our SaaS project.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
||||
{ id: "5", name: "Lisa Wang", handle: "@lwang", testimonial: "A true professional. Looking forward to more work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-stylish-woman-coat-joyfully-looking-camera-walking-through-city-street_574295-2122.jpg" }
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="What my clients have to say about our collaborations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you currently accepting new projects?",
|
||||
content: "Yes, I am always open to discussing new creative collaborations.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is your typical turnaround time?",
|
||||
content: "It depends on the scope of the project, but I aim for efficiency.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer maintenance services?",
|
||||
content: "Yes, I provide ongoing support for web projects.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions regarding my availability and process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Are you currently accepting new projects?", content: "Yes, I am always open to discussing new creative collaborations." },
|
||||
{ id: "f2", title: "What is your typical turnaround time?", content: "It depends on the scope of the project, but I aim for efficiency." },
|
||||
{ id: "f3", title: "Do you offer maintenance services?", content: "Yes, I provide ongoing support for web projects." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions regarding my availability and process."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Ready to bring your ideas to life? Get in touch today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact via Email",
|
||||
href: "mailto:email@example.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Ready to bring your ideas to life? Get in touch today."
|
||||
buttons={[{ text: "Contact via Email", href: "mailto:email@example.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="My Portfolio"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="My Portfolio"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#projects" }] },
|
||||
{ title: "Socials", items: [{ label: "LinkedIn", href: "#" }, { label: "GitHub", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user