159 lines
8.1 KiB
TypeScript
159 lines
8.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Github, Linkedin, Twitter } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Portfolio", id: "portfolio"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Alex Rivera"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Architecting the Future of Innovation"
|
|
description="Building sustainable, high-impact digital ventures for the next generation of global market leaders."
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-businesswoman-showing-digital-tablet_1262-6180.jpg?_wi=1", imageAlt: "Entrepreneur in bright office"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-2794.jpg?_wi=1", imageAlt: "Digital innovation concept"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-building-architecture_23-2148230369.jpg?_wi=1", imageAlt: "Modern architectural space"},
|
|
]}
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Brand Strategy", description: "Defining your core identity and competitive edge in saturated markets.", imageSrc: "http://img.b2bpic.net/free-photo/positive-businesswoman-showing-digital-tablet_1262-6180.jpg?_wi=2", imageAlt: "young entrepreneur portrait minimalist office"},
|
|
{
|
|
title: "Operational Scaling", description: "Streamlining processes to maximize efficiency and sustainable growth.", imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-2794.jpg?_wi=2", imageAlt: "digital innovation abstract sleek lines"},
|
|
{
|
|
title: "Venture Consulting", description: "Direct advisory for early-stage founders navigating complex market landscapes.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-building-architecture_23-2148230369.jpg?_wi=2", imageAlt: "modern architecture minimalist glass office"},
|
|
]}
|
|
title="Strategic Ventures"
|
|
description="I provide high-level advisory and hands-on operational leadership to scale your brand effectively."
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardTwo
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Nexus", name: "Fintech Platform", price: "Scale", rating: 5,
|
|
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-2794.jpg?_wi=3"},
|
|
{
|
|
id: "p2", brand: "Apex", name: "Design Agency", price: "Growth", rating: 5,
|
|
reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-building-architecture_23-2148230369.jpg?_wi=3"},
|
|
{
|
|
id: "p3", brand: "Orbit", name: "Green Energy Grid", price: "Impact", rating: 5,
|
|
reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/positive-businesswoman-showing-digital-tablet_1262-6180.jpg?_wi=3"},
|
|
]}
|
|
title="Selected Projects"
|
|
description="A curated collection of ventures and partnerships that define my professional career."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Miller", date: "2024", title: "CEO", quote: "Alex's strategic vision turned our entire brand direction around.", tag: "Strategy", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", imageAlt: "professional executive portrait studio light"},
|
|
{
|
|
id: "2", name: "David Chan", date: "2024", title: "CTO", quote: "Incredible operational focus. The efficiency gains were immediate.", tag: "Operations", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-man-white-tshirt-jacket-smiling-brown-background_197531-26657.jpg", imageSrc: "http://img.b2bpic.net/free-photo/joyful-man-white-tshirt-jacket-smiling-brown-background_197531-26657.jpg", imageAlt: "creative director portrait stylish professional"},
|
|
{
|
|
id: "3", name: "Emily Rose", date: "2023", title: "Director", quote: "A true professional. Highly recommended for any scaling team.", tag: "Scaling", avatarSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-work-while-her-colleagues-are-using-laptop-documents_23-2149330960.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-work-while-her-colleagues-are-using-laptop-documents_23-2149330960.jpg", imageAlt: "startup founder portrait open office"},
|
|
]}
|
|
title="Proven Impact"
|
|
description="Hear from leaders and partners about the value delivered."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Let's Connect"
|
|
title="Start Your Next Venture"
|
|
description="Ready to discuss your vision? Reach out and let's build something significant together."
|
|
buttons={[
|
|
{
|
|
text: "Contact Me", href: "mailto:hello@alexrivera.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Alex Rivera"
|
|
copyrightText="© 2025 Alex Rivera. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com", ariaLabel: "Twitter"},
|
|
{
|
|
icon: Linkedin,
|
|
href: "https://linkedin.com", ariaLabel: "Linkedin"},
|
|
{
|
|
icon: Github,
|
|
href: "https://github.com", ariaLabel: "Github"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|