bender/85af00f3-33e0-4ee3-8cb6-2f4d89ed6c3c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-24 21:16:53 +00:00
Conversation 0 Commits 1 Files Changed 1 +53 -180
1 changed files with 53 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

233
src/app/page.tsx
View File

@@ -32,25 +32,15 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Portfolio",
id: "portfolio",
},
name: "Portfolio", id: "portfolio"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="FOUBIX ART"
/>
@@ -59,41 +49,26 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroCentered
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="CREATING THE FUTURE OF ART"
description="Foubix Art: Cinematic visuals, premium edits, and strategic creative management for the next generation."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/aesthetic-vertical-background_52683-129373.jpg",
alt: "dark futuristic abstract art",
},
src: "http://img.b2bpic.net/free-photo/aesthetic-vertical-background_52683-129373.jpg", alt: "dark futuristic abstract art"},
{
src: "http://img.b2bpic.net/free-photo/3d-blue-fractal-background_1017-2724.jpg",
alt: "dark futuristic abstract art",
},
src: "http://img.b2bpic.net/free-photo/3d-blue-fractal-background_1017-2724.jpg", alt: "dark futuristic abstract art"},
{
src: "http://img.b2bpic.net/free-photo/abstract-stain-with-ferromagnetic-liquid-metal-with-copy-space_23-2148253549.jpg",
alt: "dark futuristic abstract art",
},
src: "http://img.b2bpic.net/free-photo/abstract-stain-with-ferromagnetic-liquid-metal-with-copy-space_23-2148253549.jpg", alt: "dark futuristic abstract art"},
{
src: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098535.jpg",
alt: "dark futuristic abstract art",
},
src: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098535.jpg", alt: "dark futuristic abstract art"},
{
src: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917909.jpg",
alt: "Lights prisms effect close up",
},
src: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917909.jpg", alt: "Lights prisms effect close up"},
]}
buttons={[
{
text: "View Portfolio",
href: "#portfolio",
},
text: "View Portfolio", href: "#portfolio"},
{
text: "Book Services",
href: "#services",
},
text: "Book Services", href: "#services"},
]}
buttonAnimation="slide-up"
/>
@@ -104,9 +79,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="THE VISIONARY"
description={[
"Foubix Art was born from a desire to push the boundaries of digital storytelling.",
"We create high-end visual experiences that define brands, artists, and creative journeys through a modern, futuristic lens.",
]}
"Foubix Art was born from a desire to push the boundaries of digital storytelling.", "We create high-end visual experiences that define brands, artists, and creative journeys through a modern, futuristic lens."]}
/>
</div>
@@ -118,34 +91,22 @@ export default function LandingPage() {
features={[
{
icon: Palette,
title: "Cover Art",
description: "High-end visual design.",
},
title: "Cover Art", description: "High-end visual design."},
{
icon: Scissors,
title: "Edit Clips",
description: "Cinematic video editing.",
},
title: "Edit Clips", description: "Cinematic video editing."},
{
icon: Music,
title: "Platform Distribution",
description: "Spotify & Apple Music uploads.",
},
title: "Platform Distribution", description: "Spotify & Apple Music uploads."},
{
icon: Film,
title: "Channel Management",
description: "Total YouTube oversight.",
},
title: "Channel Management", description: "Total YouTube oversight."},
{
icon: Award,
title: "Promotion",
description: "Sponsorship & growth strategy.",
},
title: "Promotion", description: "Sponsorship & growth strategy."},
{
icon: Share2,
title: "Social Strategy",
description: "Viral content planning.",
},
title: "Social Strategy", description: "Viral content planning."},
]}
title="CREATIVE DOMAINS"
description="Comprehensive creative services for artists and labels."
@@ -154,52 +115,23 @@ export default function LandingPage() {
<div id="portfolio" data-section="portfolio">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Album Cover I",
price: "View",
variant: "Edits",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-illustrator-drawing-ipad_23-2150172075.jpg?_wi=1",
},
id: "1", name: "Album Cover I", price: "View", variant: "Edits", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-illustrator-drawing-ipad_23-2150172075.jpg"},
{
id: "2",
name: "Motion Edit A",
price: "View",
variant: "Video",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-universe-projection-texture_23-2149581264.jpg",
},
id: "2", name: "Motion Edit A", price: "View", variant: "Video", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-universe-projection-texture_23-2149581264.jpg"},
{
id: "3",
name: "Cyber Visual",
price: "View",
variant: "Design",
imageSrc: "http://img.b2bpic.net/free-photo/world-pride-day-still-life-assortment_23-2148960465.jpg",
},
id: "3", name: "Cyber Visual", price: "View", variant: "Design", imageSrc: "http://img.b2bpic.net/free-photo/world-pride-day-still-life-assortment_23-2148960465.jpg"},
{
id: "4",
name: "Clip Edit 01",
price: "View",
variant: "Video",
imageSrc: "http://img.b2bpic.net/free-photo/tiny-droplet-flowing-black_23-2147748927.jpg",
},
id: "4", name: "Clip Edit 01", price: "View", variant: "Video", imageSrc: "http://img.b2bpic.net/free-photo/tiny-droplet-flowing-black_23-2147748927.jpg"},
{
id: "5",
name: "Strategy Art",
price: "View",
variant: "Promo",
imageSrc: "http://img.b2bpic.net/free-photo/aquarius-zodiac-sign-red-background-horoscope-astrology-background-aquarius-red-horoscope_559531-11812.jpg",
},
id: "5", name: "Strategy Art", price: "View", variant: "Promo", imageSrc: "http://img.b2bpic.net/free-photo/aquarius-zodiac-sign-red-background-horoscope-astrology-background-aquarius-red-horoscope_559531-11812.jpg"},
{
id: "6",
name: "Promotional Set",
price: "View",
variant: "Design",
imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-79983.jpg",
},
id: "6", name: "Promotional Set", price: "View", variant: "Design", imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-79983.jpg"},
]}
title="FEATURED WORKS"
description="Selected projects and cinematic edits."
@@ -213,50 +145,23 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
title: "Essential",
price: "Custom",
period: "project",
features: [
"Cover Art",
"Social Post",
],
id: "basic", title: "Essential", price: "Custom", period: "project", features: [
"Cover Art", "Social Post"],
button: {
text: "Contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/old-person-browsing-internet-find-artistic-inspiration-laptop-computer-using-technology-draw-artwork-sketch-drawing-artwork-masterpiece-with-creative-skills-artistic-tools_482257-45921.jpg",
imageAlt: "artist in dark studio",
},
text: "Contact"},
imageSrc: "http://img.b2bpic.net/free-photo/old-person-browsing-internet-find-artistic-inspiration-laptop-computer-using-technology-draw-artwork-sketch-drawing-artwork-masterpiece-with-creative-skills-artistic-tools_482257-45921.jpg", imageAlt: "artist in dark studio"},
{
id: "pro",
title: "Creator",
price: "Custom",
period: "project",
features: [
"Full Edit Clips",
"Channel Mgmt",
],
id: "pro", title: "Creator", price: "Custom", period: "project", features: [
"Full Edit Clips", "Channel Mgmt"],
button: {
text: "Contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-vertical-background_52683-129373.jpg",
imageAlt: "artist in dark studio",
},
text: "Contact"},
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-vertical-background_52683-129373.jpg", imageAlt: "artist in dark studio"},
{
id: "elite",
title: "Elite",
price: "Custom",
period: "project",
features: [
"Everything",
"Strategy/Ads",
],
id: "elite", title: "Elite", price: "Custom", period: "project", features: [
"Everything", "Strategy/Ads"],
button: {
text: "Contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-illustrator-drawing-ipad_23-2150172075.jpg?_wi=2",
imageAlt: "artist in dark studio",
},
text: "Contact"},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-illustrator-drawing-ipad_23-2150172075.jpg", imageAlt: "artist in dark studio"},
]}
title="SERVICES & PACKAGES"
description="Premium creative solutions."
@@ -270,45 +175,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex V.",
handle: "@alex",
testimonial: "The best visual work I've ever seen.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait_1296-429.jpg",
},
id: "1", name: "Alex V.", handle: "@alex", testimonial: "The best visual work I've ever seen.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait_1296-429.jpg"},
{
id: "2",
name: "Sam K.",
handle: "@sam",
testimonial: "Foubix transforms concepts into masterpieces.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg",
},
id: "2", name: "Sam K.", handle: "@sam", testimonial: "Foubix transforms concepts into masterpieces.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg"},
{
id: "3",
name: "Jordan P.",
handle: "@jordan",
testimonial: "Incredible communication and creative vision.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1536.jpg",
},
id: "3", name: "Jordan P.", handle: "@jordan", testimonial: "Incredible communication and creative vision.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1536.jpg"},
{
id: "4",
name: "Casey M.",
handle: "@casey",
testimonial: "My channel growth skyrocketed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg",
},
id: "4", name: "Casey M.", handle: "@casey", testimonial: "My channel growth skyrocketed.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg"},
{
id: "5",
name: "Riley T.",
handle: "@riley",
testimonial: "Unmatched aesthetic and luxury vibe.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg",
},
id: "5", name: "Riley T.", handle: "@riley", testimonial: "Unmatched aesthetic and luxury vibe.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg"},
]}
showRating={true}
title="CLIENT VOICES"
@@ -320,14 +200,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Ready to bring your vision to life? Let's discuss your project."
buttons={[
{
text: "Message Foubix",
href: "https://www.instagram.com/foubix_art/",
},
text: "Message Foubix", href: "https://www.instagram.com/foubix_art/"},
]}
/>
</div>
@@ -336,13 +213,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="FOUBIX ART"
leftLink={{
text: "Instagram",
href: "https://www.instagram.com/foubix_art/",
}}
text: "Instagram", href: "https://www.instagram.com/foubix_art/"}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
/>
</div>
</ReactLenis>