Merge version_2 into main #2
@@ -3,14 +3,14 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, CheckCircle, Code } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -29,7 +29,7 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Work", id: "#projects" },
|
||||
{ name: "About", id: "#about" },
|
||||
@@ -40,20 +40,14 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
<HeroLogoBillboard
|
||||
logoText="Code That Moves"
|
||||
description="Fullstack developer crafting innovative digital solutions with modern technologies. Explore my work and let's build something extraordinary together."
|
||||
buttons={[
|
||||
{ text: "View My Projects", href: "#projects" }
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg", imageAlt: "Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-using-laptop-night-top-view-web-banner-with-copy-space_169016-53022.jpg", imageAlt: "Editor" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-light-with-bokeh-effect_1208-208.jpg", imageAlt: "Abstract" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/server-cabinets-data-center-maintaining-large-scale-ai-datasets_482257-124181.jpg", imageAlt: "Server" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-3-dimensional-printer-abstract-background_1048-5870.jpg", imageAlt: "Quantum" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-low-poly-plexus-design_1048-13614.jpg", imageAlt: "Blockchain" }
|
||||
]}
|
||||
background={{ variant: "animated-grid" }}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -71,14 +65,14 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
<FeatureCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Frontend", subtitle: "React, Next.js, Tailwind", category: "Web", value: "95%" },
|
||||
{ id: "f2", title: "Backend", subtitle: "Node.js, PostgreSQL, Redis", category: "Server", value: "90%" },
|
||||
{ id: "f3", title: "DevOps", subtitle: "Docker, Kubernetes, AWS", category: "Cloud", value: "85%" }
|
||||
{ title: "Frontend", description: "React, Next.js, Tailwind" },
|
||||
{ title: "Backend", description: "Node.js, PostgreSQL, Redis" },
|
||||
{ title: "DevOps", description: "Docker, Kubernetes, AWS" }
|
||||
]}
|
||||
title="Core Competencies"
|
||||
description="Building scalable applications using industry-leading technology stacks."
|
||||
@@ -86,34 +80,30 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardFour
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "SaaS Platform", price: "View Demo", variant: "Cloud", imageSrc: "http://img.b2bpic.net/free-photo/business-analytics-financial-technology-concept-generative-ai_8829-2894.jpg" },
|
||||
{ id: "p2", name: "E-commerce Shop", price: "View Demo", variant: "Web", imageSrc: "http://img.b2bpic.net/free-photo/table-full-tailoring-instruments_482257-96375.jpg" },
|
||||
{ id: "p3", name: "Data Analytics", price: "View Demo", variant: "B2B", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg" },
|
||||
{ id: "p4", name: "Mobile App", price: "View Demo", variant: "App", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165980.jpg" },
|
||||
{ id: "p5", name: "Workboard", price: "View Demo", variant: "Productivity", imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-flat-design_52683-15794.jpg" },
|
||||
{ id: "p6", name: "API Docs", price: "View Demo", variant: "Technical", imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-writing-html-script-binary-code-database-security_482257-92458.jpg" }
|
||||
{ id: "p1", name: "SaaS Platform", price: "View Demo", imageSrc: "http://img.b2bpic.net/free-photo/business-analytics-financial-technology-concept-generative-ai_8829-2894.jpg" },
|
||||
{ id: "p2", name: "E-commerce Shop", price: "View Demo", imageSrc: "http://img.b2bpic.net/free-photo/table-full-tailoring-instruments_482257-96375.jpg" },
|
||||
{ id: "p3", name: "Data Analytics", price: "View Demo", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg" }
|
||||
]}
|
||||
title="Featured Work"
|
||||
description="A showcase of recent software development projects ranging from enterprise SaaS to consumer web applications."
|
||||
description="A showcase of recent software development projects."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "150%", description: "Efficiency Increase" },
|
||||
{ id: "m2", value: "99.9%", description: "Platform Uptime" },
|
||||
{ id: "m3", value: "20+", description: "Happy Clients" }
|
||||
{ id: "m1", title: "Efficiency", value: "150%", icon: Award },
|
||||
{ id: "m2", title: "Uptime", value: "99.9%", icon: CheckCircle },
|
||||
{ id: "m3", title: "Clients", value: "20+", icon: Code }
|
||||
]}
|
||||
title="Impact Driven"
|
||||
description="Measurable results delivered for partners."
|
||||
@@ -121,54 +111,35 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
<TestimonialCardTwelve
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
cardTitle="What partners say about our collaboration."
|
||||
cardTag="Client Feedback"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Exceptional developer, delivered on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-female-professional-posing-with-arms-folded_74855-2814.jpg" },
|
||||
{ id: "2", name: "Michael C.", handle: "@mikec", testimonial: "Great attention to detail and technical skill.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-man-sitting-table-office-while-his-subordinates-working-new-sale-strategy-indoor-portrait-business-people-international-company-posing-work-process_197531-3746.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "Transformed our workflow completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-turtleneck-with-flower_23-2149020761.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@davidk", testimonial: "Fast, efficient and easy to work with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg" },
|
||||
{ id: "5", name: "John B.", handle: "@johnb", testimonial: "Innovative solutions that scaled perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg" }
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-female-professional-posing-with-arms-folded_74855-2814.jpg" },
|
||||
{ id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-man-sitting-table-office-while-his-subordinates-working-new-sale-strategy-indoor-portrait-business-people-international-company-posing-work-process_197531-3746.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Feedback"
|
||||
description="What partners say about our collaboration."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Get in touch"
|
||||
title="Start your next project"
|
||||
description="Ready to bring your ideas to life? Let's discuss your requirements."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterLogoEmphasis
|
||||
logoText="DevPortfolio"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Work", href: "#projects" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "GitHub", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" }
|
||||
]
|
||||
}
|
||||
{ items: [{ label: "Work", href: "#projects" }, { label: "About", href: "#about" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user