Merge version_2 into main #4
159
src/app/page.tsx
159
src/app/page.tsx
@@ -9,7 +9,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Award, Image, Instagram, Lightbulb, Sparkles } from "lucide-react";
|
||||
import { Award, Image, Instagram } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "/work",
|
||||
},
|
||||
name: "Work", id: "/work"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ErfvUdw1p1akOB4VQnig1d62X5/uploaded-1780942007426-gq5xyod2.jpg"
|
||||
logoAlt="Foxen Studio Logo"
|
||||
@@ -53,74 +47,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
title="PORTFOLIO"
|
||||
description="GRAPHIC DESIGNER \\\n& WEB DESIGNER \\\nBRAND DESIGNER"
|
||||
kpis={[
|
||||
{
|
||||
value: "20",
|
||||
label: "Curriculum",
|
||||
},
|
||||
{
|
||||
value: "24",
|
||||
label: "Vitae",
|
||||
},
|
||||
{
|
||||
value: "",
|
||||
label: "Scroll",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ErfvUdw1p1akOB4VQnig1d62X5/uploaded-1780942007425-lt8lo7yq.png?_wi=1"
|
||||
imageAlt="Fire Fox Portfolio Mask"
|
||||
variant: "radial-gradient"}}
|
||||
title="GRAPHIC DESIGNER"
|
||||
description="I craft captivating brand ecosystems, transforming chaotic ideas into vibrant, impactful realities."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ErfvUdw1p1akOB4VQnig1d62X5/uploaded-1780943038718-31p0uq74.jpg"
|
||||
imageAlt="Foxen Studio Hero Image"
|
||||
mediaAnimation="none"
|
||||
avatars={[
|
||||
buttons={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831036.jpg",
|
||||
alt: "Creative professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
|
||||
alt: "Design expert",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg",
|
||||
alt: "Branding specialist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328341.jpg",
|
||||
alt: "UI/UX lead",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
|
||||
alt: "Digital artist",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by visionary brands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Identity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Web Design",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "UI/UX",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Motion Graphics",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Creative Strategy",
|
||||
icon: Lightbulb,
|
||||
},
|
||||
text: "START A FIERY PROJECT", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,14 +75,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Photoshop",
|
||||
"Illustrator",
|
||||
"InDesign",
|
||||
"Figma",
|
||||
"Framer",
|
||||
"After Effects",
|
||||
"Blender",
|
||||
]}
|
||||
"Photoshop", "Illustrator", "InDesign", "Figma", "Framer", "After Effects", "Blender"]}
|
||||
title="Creative Arsenal"
|
||||
description="The essential tools and technologies that empower my design process and bring visions to life."
|
||||
showCard={false}
|
||||
@@ -162,52 +90,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Quantum Brand Identity",
|
||||
price: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-48716.jpg",
|
||||
imageAlt: "Quantum Brand Identity Project",
|
||||
isFavorited: true,
|
||||
id: "1", name: "Quantum Brand Identity", price: "2024", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-48716.jpg", imageAlt: "Quantum Brand Identity Project", isFavorited: true,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Aura Web Platform",
|
||||
price: "2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-background-with-sunset-projector-lamp_53876-108157.jpg",
|
||||
imageAlt: "Aura Web Platform Project",
|
||||
isFavorited: false,
|
||||
id: "2", name: "Aura Web Platform", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/light-background-with-sunset-projector-lamp_53876-108157.jpg", imageAlt: "Aura Web Platform Project", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ember Mobile App",
|
||||
price: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036884.jpg",
|
||||
imageAlt: "Ember Mobile App Project",
|
||||
isFavorited: true,
|
||||
id: "3", name: "Ember Mobile App", price: "2024", imageSrc: "http://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036884.jpg", imageAlt: "Ember Mobile App Project", isFavorited: true,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ignite Campaign",
|
||||
price: "2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-burnt-paper_23-2150158720.jpg",
|
||||
imageAlt: "Ignite Campaign Project",
|
||||
isFavorited: false,
|
||||
id: "4", name: "Ignite Campaign", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/close-up-burnt-paper_23-2150158720.jpg", imageAlt: "Ignite Campaign Project", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Flux Logo Rebrand",
|
||||
price: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-papers-with-leaves-shadow_23-2148838817.jpg",
|
||||
imageAlt: "Flux Logo Rebrand Project",
|
||||
isFavorited: true,
|
||||
id: "5", name: "Flux Logo Rebrand", price: "2024", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-papers-with-leaves-shadow_23-2148838817.jpg", imageAlt: "Flux Logo Rebrand Project", isFavorited: true,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Nebula Illustration Series",
|
||||
price: "2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-powder-color-spread-plain-surface_23-2148054329.jpg",
|
||||
imageAlt: "Nebula Illustration Series Project",
|
||||
isFavorited: false,
|
||||
id: "6", name: "Nebula Illustration Series", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-powder-color-spread-plain-surface_23-2148054329.jpg", imageAlt: "Nebula Illustration Series Project", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
@@ -219,14 +117,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="LET'S BUILD AN ECOSYSTEM"
|
||||
buttons={[
|
||||
{
|
||||
text: "START A FIERY PROJECT",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "START A FIERY PROJECT", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -240,23 +135,17 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Award,
|
||||
href: "https://dribbble.com/sourourbousba",
|
||||
ariaLabel: "Dribbble profile",
|
||||
},
|
||||
href: "https://dribbble.com/sourourbousba", ariaLabel: "Dribbble profile"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/sourourbousba",
|
||||
ariaLabel: "Instagram profile",
|
||||
},
|
||||
href: "https://instagram.com/sourourbousba", ariaLabel: "Instagram profile"},
|
||||
{
|
||||
icon: Image,
|
||||
href: "https://behance.net/sourourbousba",
|
||||
ariaLabel: "Behance profile",
|
||||
},
|
||||
href: "https://behance.net/sourourbousba", ariaLabel: "Behance profile"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user