Merge version_1 into main #1
165
src/app/page.tsx
165
src/app/page.tsx
@@ -16,31 +16,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Summary",
|
||||
id: "summary",
|
||||
},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "skills",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Summary", id: "summary" },
|
||||
{ name: "Skills", id: "skills" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Design Portfolio"
|
||||
/>
|
||||
@@ -48,9 +40,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Alex Rivers"
|
||||
description="Web Designer & UI/UX Specialist focused on building high-conversion, responsive digital experiences."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-concept-with-art-supplies_23-2148577693.jpg"
|
||||
@@ -76,29 +66,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Design & Prototyping",
|
||||
description: "Figma, Adobe XD, Wireframing, UX Research",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/discount-voucher-coupon-gift-certificate-concept_53876-121072.jpg",
|
||||
imageAlt: "Design Tools",
|
||||
},
|
||||
title: "Design & Prototyping", description: "Figma, Adobe XD, Wireframing, UX Research", imageSrc: "http://img.b2bpic.net/free-photo/discount-voucher-coupon-gift-certificate-concept_53876-121072.jpg", imageAlt: "Design Tools"},
|
||||
{
|
||||
title: "Front-End Development",
|
||||
description: "HTML5, CSS3, JavaScript (ES6+), Responsive Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg",
|
||||
imageAlt: "Code Icon",
|
||||
},
|
||||
title: "Front-End Development", description: "HTML5, CSS3, JavaScript (ES6+), Responsive Design", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg", imageAlt: "Code Icon"},
|
||||
{
|
||||
title: "SEO & Performance",
|
||||
description: "SEO Best Practices, Web Accessibility (WCAG), Site Auditing",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/graphic-designer-landing-page-template_23-2150837574.jpg",
|
||||
imageAlt: "SEO Icon",
|
||||
},
|
||||
title: "SEO & Performance", description: "SEO Best Practices, Web Accessibility (WCAG), Site Auditing", imageSrc: "http://img.b2bpic.net/free-vector/graphic-designer-landing-page-template_23-2150837574.jpg", imageAlt: "SEO Icon"},
|
||||
{
|
||||
title: "Collaboration",
|
||||
description: "Git, Agile methodologies, Team Communication",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg",
|
||||
imageAlt: "Collaboration Icon",
|
||||
},
|
||||
title: "Collaboration", description: "Git, Agile methodologies, Team Communication", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg", imageAlt: "Collaboration Icon"},
|
||||
]}
|
||||
title="Skills & Expertise"
|
||||
description="Comprehensive toolkit for modern web development and design."
|
||||
@@ -113,17 +87,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Web Designer @ TechStudio",
|
||||
description: "Led the redesign of client landing pages, resulting in a 25% increase in user session time and improved lead conversion by 15%.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg",
|
||||
imageAlt: "Experience 1",
|
||||
},
|
||||
title: "Web Designer @ TechStudio", description: "Led the redesign of client landing pages, resulting in a 25% increase in user session time and improved lead conversion by 15%.", imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg", imageAlt: "Experience 1"},
|
||||
{
|
||||
title: "UI/UX Intern @ DesignSolutions",
|
||||
description: "Collaborated on design system creation for enterprise clients, streamlining developer workflows and reducing design implementation time by 20%.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-process-landing-page_23-2148156387.jpg",
|
||||
imageAlt: "Experience 2",
|
||||
},
|
||||
title: "UI/UX Intern @ DesignSolutions", description: "Collaborated on design system creation for enterprise clients, streamlining developer workflows and reducing design implementation time by 20%.", imageSrc: "http://img.b2bpic.net/free-vector/creative-process-landing-page_23-2148156387.jpg", imageAlt: "Experience 2"},
|
||||
]}
|
||||
title="Work Experience"
|
||||
description="Proven experience delivering high-impact web design solutions."
|
||||
@@ -132,64 +98,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "E-Commerce",
|
||||
name: "Fashion Store Redesign",
|
||||
price: "UX/UI Design",
|
||||
rating: 5,
|
||||
reviewCount: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/web-template-layout-draft-sketch_53876-167110.jpg",
|
||||
},
|
||||
id: "p1", brand: "E-Commerce", name: "Fashion Store Redesign", price: "UX/UI Design", rating: 5,
|
||||
reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/web-template-layout-draft-sketch_53876-167110.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "SaaS",
|
||||
name: "Analytics Platform UI",
|
||||
price: "Frontend Dev",
|
||||
rating: 5,
|
||||
reviewCount: "2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/webpage-content-design-website-icon_53876-120651.jpg",
|
||||
},
|
||||
id: "p2", brand: "SaaS", name: "Analytics Platform UI", price: "Frontend Dev", rating: 5,
|
||||
reviewCount: "2023", imageSrc: "http://img.b2bpic.net/free-photo/webpage-content-design-website-icon_53876-120651.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Agency",
|
||||
name: "Digital Hub Landing",
|
||||
price: "Full Project",
|
||||
rating: 5,
|
||||
reviewCount: "2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface-template_23-2148587406.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Portfolio",
|
||||
name: "Creative Studio Site",
|
||||
price: "Design/Code",
|
||||
rating: 5,
|
||||
reviewCount: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Non-Profit",
|
||||
name: "Community App Interface",
|
||||
price: "UI Design",
|
||||
rating: 5,
|
||||
reviewCount: "2022",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Education",
|
||||
name: "Learning Platform Portal",
|
||||
price: "UX Strategy",
|
||||
rating: 5,
|
||||
reviewCount: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
|
||||
},
|
||||
id: "p3", brand: "Agency", name: "Digital Hub Landing", price: "Full Project", rating: 5,
|
||||
reviewCount: "2023", imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface-template_23-2148587406.jpg"}
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="Portfolio of design and development projects."
|
||||
@@ -199,9 +121,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Connect"
|
||||
title="Ready to discuss your next project?"
|
||||
description="Contact me via email or phone. Portfolio: https://alexrivers-portfolio.web.app"
|
||||
@@ -215,33 +135,16 @@ export default function LandingPage() {
|
||||
logoText="Alex Rivers"
|
||||
columns={[
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "GitHub", href: "#" },
|
||||
{ label: "Portfolio", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user