Merge version_2 into main #2
139
src/app/page.tsx
139
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, BookOpen, Briefcase, Compass, GraduationCap, Users } from "lucide-react";
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import { Briefcase, Compass, Award, Users, GraduationCap, BookOpen } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,15 +19,15 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
background="fluid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Education", id: "#education" },
|
||||
@@ -40,116 +40,85 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Aspiring Football and Sports Operations Professional"
|
||||
description="Sports Management student at William Paterson University. Focused on football and sports industry operations through hands-on experience and professional development."
|
||||
<HeroCarouselLogo
|
||||
logoText="Matthew Alessandra"
|
||||
description="Aspiring Football and Sports Operations Professional. Focused on football and sports industry operations through hands-on experience and professional development."
|
||||
buttons={[
|
||||
{ text: "View Experience", href: "#experience" },
|
||||
{ text: "Contact Me", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-american-woman-holding-basketball_23-2148773333.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-colorful-sweatshirt-standing-with-crossed-arms-looking-offended-front-view_176474-44691.jpg", alt: "Young female in colorful sweatshirt" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-arms-crossed-street_23-2147678139.jpg", alt: "Woman with arms crossed" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-young-woman-with-tablet-background-building_169016-23871.jpg", alt: "Business young woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-volleyball-man-player-court_23-2149492399.jpg", alt: "Young volleyball man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-blonde-secretary-white-blouse-talking-phone-writing-data-notebook-indoor-portrait-long-haired-asian-it-specialist-with-graceful-lady-reception-desk_197531-3801.jpg", alt: "Cute blonde secretary" },
|
||||
]}
|
||||
avatarText="Join the network"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Sports Management" },
|
||||
{ type: "text", text: "Event Operations" },
|
||||
{ type: "text", text: "Team Leadership" },
|
||||
{ type: "text", text: "Football Operations" },
|
||||
{ type: "text", text: "Professional Development" },
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stadium-football-field-lit-floodlights_23-2148785764.jpg", imageAlt: "Football stadium at night" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Driven by sports, teamwork, and real-world experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="education" data-section="education">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: BookOpen, title: "William Paterson University", description: "B.A. in Sports Management, Expected Graduation 2027" },
|
||||
{ icon: GraduationCap, title: "Roxbury High School", description: "High School Diploma, Graduated 2023" },
|
||||
{ icon: Award, title: "Academic Achievement", description: "Focused on sports marketing, event operations, and team leadership." },
|
||||
]}
|
||||
title="Education"
|
||||
description="Academic background in sports management and leadership."
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[{ type: "text", content: "Driven by sports, teamwork, and real-world experience." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Briefcase, title: "Wawa - Gas Attendant", description: "Customer service, transactions, safety standards. June 2024 – Present." },
|
||||
{ icon: Compass, title: "Party On Tent Rental - Installer", description: "Event equipment setup, client interaction, time management. May 2023 – Sept 2023." },
|
||||
{ icon: Award, title: "Special Olympics NJ - Volunteer", description: "Event setup, breakdown, athlete support. May 2025." },
|
||||
{ icon: Users, title: "Youth Football Camp - Coach", description: "Drill management, team building, player development. July 2024." },
|
||||
]}
|
||||
<FeatureCardNineteen
|
||||
title="Work Experience"
|
||||
description="Professional history in customer service and event operations."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Present", title: "Wawa", subtitle: "Gas Attendant", description: "Customer service, transactions, and maintaining safety standards." },
|
||||
{ tag: "2023", title: "Party On Tent Rental", subtitle: "Installer", description: "Managed event equipment setup, client interaction, and efficient time management." },
|
||||
{ tag: "2025", title: "Special Olympics NJ", subtitle: "Volunteer", description: "Supported event setup, breakdown, and provided direct athlete assistance." },
|
||||
{ tag: "2024", title: "Youth Football Camp", subtitle: "Coach", description: "Oversaw drill management, promoted team building, and led player development sessions." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="education" data-section="education">
|
||||
<FeatureCardNineteen
|
||||
title="Education"
|
||||
description="Academic background in sports management."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ tag: "2027 (Exp.)", title: "William Paterson University", subtitle: "B.A. in Sports Management", description: "Focused on sports marketing, event operations, and team leadership." },
|
||||
{ tag: "2023", title: "Roxbury High School", subtitle: "Diploma", description: "Core academic and extracurricular development." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="skills" data-section="skills">
|
||||
<SocialProofOne
|
||||
title="Skills & Proficiencies"
|
||||
description="Core competencies developed through professional and academic roles."
|
||||
names={["Customer Service", "Time Management", "Problem Solving", "Microsoft Excel", "Teamwork", "Communication", "Multitasking"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Customer Service", "Organization & Time Management", "Problem Solving", "Microsoft Excel", "Teamwork", "Communication", "Multitasking"]}
|
||||
title="Skills & Proficiencies"
|
||||
description="Core competencies developed through work and studies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
<ContactCenter
|
||||
tag="Let's Connect"
|
||||
title="Get In Touch"
|
||||
description="I am open to new opportunities in sports operations and event management."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-microphone-studio_1303-26328.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Education", href: "#education" },
|
||||
{ label: "Experience", href: "#experience" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Skills", href: "#skills" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterMedia
|
||||
logoText="Matthew Alessandra"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sports-equipment-concept_23-2148785764.jpg"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Experience", href: "#experience" }] },
|
||||
{ title: "Contact", items: [{ label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -13,12 +13,12 @@
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #e34400;
|
||||
--primary-cta: #106EFB;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #010101;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #ff7b05;
|
||||
--background-accent: #106efb;
|
||||
--accent: #106EFB;
|
||||
--background-accent: #010101;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user