211 lines
12 KiB
TypeScript
211 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Award, Code, Globe, BookOpen, Trophy, Zap, TrendingUp } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Lorenzo Noya"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Achievements", id: "achievements" },
|
|
{ name: "Skills", id: "skills" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Based in Italy"
|
|
bottomRightText="lorenzo@example.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Water Polo Champion & Engineering Student"
|
|
description="Driven by excellence in both athletics and technology. Elite water polo player balancing competitive sports with cutting-edge engineering projects."
|
|
background={{ variant: "downward-rays-animated-grid" }}
|
|
avatars={[
|
|
{ src: "https://img.b2bpic.net/free-photo/medium-shot-waterpolo-player-with-equipment_23-2151202972.jpg", alt: "Lorenzo Noya - Athlete & Engineer" }
|
|
]}
|
|
avatarText="Pursuing excellence in sports and engineering"
|
|
buttons={[
|
|
{ text: "View My Work", href: "achievements" },
|
|
{ text: "Get In Touch", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="About Me"
|
|
description="I'm Lorenzo, a water polo enthusiast and engineering student dedicated to mastering both disciplines. With years of competitive water polo experience and a passion for technical innovation, I bring discipline, teamwork, and problem-solving skills to everything I do."
|
|
tag="My Story"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="fade-in"
|
|
bulletPoints={[
|
|
{
|
|
title: "Elite Water Polo", description: "Years of competitive training and team experience at the highest levels of water polo"
|
|
},
|
|
{
|
|
title: "Engineering Excellence", description: "Advanced studies in engineering with focus on innovative design and technical solutions"
|
|
},
|
|
{
|
|
title: "Leadership & Teamwork", description: "Team captain mentality and proven ability to lead and inspire others toward common goals"
|
|
},
|
|
{
|
|
title: "Technical Skills", description: "Proficient in programming, system design, and modern engineering tools and frameworks"
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/male-athlete-playing-water-polo-indoor-pool_23-2150579124.jpg"
|
|
imageAlt="Water polo action"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="achievements" data-section="achievements">
|
|
<FeatureCardTwentySix
|
|
title="Key Achievements"
|
|
description="Highlights of my journey in water polo and engineering"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "National Water Polo Champion", description: "Led team to championship victory with exceptional performance and strategic play", imageSrc: "https://img.b2bpic.net/free-photo/male-athlete-playing-water-polo-indoor-pool_23-2150579124.jpg", imageAlt: "Championship water polo", buttonIcon: Trophy
|
|
},
|
|
{
|
|
title: "Engineering Internship", description: "Completed advanced internship designing innovative technical solutions for industry leader", imageSrc: "https://img.b2bpic.net/free-photo/pc-desk-empty-photovoltaics-factory-used-data-analysis-reviewing-system-metrics_482257-132168.jpg", imageAlt: "Engineering workspace", buttonIcon: Zap
|
|
},
|
|
{
|
|
title: "Pool Training Records", description: "Set personal records and team benchmarks through disciplined training and dedication", imageSrc: "https://img.b2bpic.net/free-photo/male-athlete-playing-water-polo-indoor-pool_23-2150579126.jpg", imageAlt: "Training in pool", buttonIcon: TrendingUp
|
|
},
|
|
{
|
|
title: "Technical Projects", description: "Developed multiple innovative coding projects showcasing problem-solving and technical expertise", imageSrc: "https://img.b2bpic.net/free-photo/side-view-attractive-hispanic-developer-programming-software-using-computer-while-working-from-home_662251-988.jpg", imageAlt: "Coding project", buttonIcon: Code
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="skills" data-section="skills">
|
|
<MetricCardOne
|
|
title="Skills & Statistics"
|
|
description="A snapshot of my capabilities and achievements"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "10+", title: "Years", description: "Water polo competitive experience", icon: Award
|
|
},
|
|
{
|
|
id: "2", value: "15+", title: "Projects", description: "Engineering and coding initiatives", icon: Code
|
|
},
|
|
{
|
|
id: "3", value: "5", title: "Languages", description: "Programming and spoken fluency", icon: Globe
|
|
},
|
|
{
|
|
id: "4", value: "3.8", title: "GPA", description: "Engineering degree performance", icon: BookOpen
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Others Say"
|
|
description="Testimonials from coaches, teammates, and academic mentors"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Coach Marco", handle: "National Team Coach", testimonial: "Lorenzo is an exceptional water polo player with unmatched dedication and leadership. His tactical intelligence and commitment make him invaluable to any team.", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-waterpolo-player-with-equipment_23-2151202970.jpg", imageAlt: "Coach Marco"
|
|
},
|
|
{
|
|
id: "2", name: "Sofia Rossi", handle: "Teammate", testimonial: "Playing alongside Lorenzo has been transformative. His work ethic and mentorship push everyone on the team to be better athletes and people.", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-waterpolo-player-with-equipment_23-2151202958.jpg", imageAlt: "Sofia Rossi"
|
|
},
|
|
{
|
|
id: "3", name: "Prof. Dr. Alessandro", handle: "Engineering Professor", testimonial: "Lorenzo demonstrates exceptional technical capability and innovative thinking. He consistently produces high-quality work that exceeds academic expectations.", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-waterpolo-player-with-equipment_23-2151202968.jpg", imageAlt: "Prof. Dr. Alessandro"
|
|
},
|
|
{
|
|
id: "4", name: "Michele Bianchi", handle: "Project Colleague", testimonial: "Working with Lorenzo on technical projects has been excellent. He brings both precision and creative problem-solving to every challenge.", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-waterpolo-player-with-equipment_23-2151202976.jpg", imageAlt: "Michele Bianchi"
|
|
},
|
|
{
|
|
id: "5", name: "Giulia Leone", handle: "Academic Advisor", testimonial: "Lorenzo's ability to balance elite athletic pursuits with rigorous academic work is remarkable. He embodies discipline and excellence.", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-waterpolo-player-with-equipment_23-2151202970.jpg", imageAlt: "Giulia Leone"
|
|
},
|
|
{
|
|
id: "6", name: "Andrea Conti", handle: "Internship Supervisor", testimonial: "Lorenzo brought fresh perspectives and technical excellence to our engineering team. His contributions were immediately impactful and professional.", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-waterpolo-player-with-equipment_23-2151202968.jpg", imageAlt: "Andrea Conti"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get In Touch"
|
|
title="Let's Connect"
|
|
description="Whether you're interested in discussing water polo, engineering projects, or opportunities to collaborate, I'd love to hear from you. Reach out and let's start a conversation."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Send Message"
|
|
termsText="I'll get back to you within 24 hours. Your privacy is important to me."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/male-athlete-playing-water-polo-indoor-pool_23-2150579126.jpg"
|
|
imageAlt="Water polo training"
|
|
logoText="Lorenzo Noya"
|
|
copyrightText="© 2025 Lorenzo Noya. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{ label: "About", href: "about" },
|
|
{ label: "Achievements", href: "achievements" },
|
|
{ label: "Skills", href: "skills" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Social", items: [
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "GitHub", href: "https://github.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Email", href: "mailto:lorenzo@example.com" },
|
|
{ label: "Phone", href: "tel:+39123456789" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |