bender/054e21f9-1df3-47f0-96c1-13078e528fd0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-08 12:49:58 +00:00
parent c9ec17f873 ca8bf54616
commit 9bb9322ce4
1 changed files with 39 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

157
src/app/page.tsx
View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Portfolio",
id: "portfolio",
},
name: "Portfolio", id: "portfolio"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="GRAPHIX HUB"
/>
@@ -54,17 +46,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="Transforming Visions into Digital Reality"
description="Graphix Hub bridges the gap between creativity and modern tech, empowering brands through strategic design and development."
buttons={[
{
text: "Get a Quote",
href: "#contact",
},
text: "Get a Quote", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-pen-ai-generated_23-2150695441.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-pen-ai-generated_23-2150695441.jpg"
/>
</div>
@@ -73,18 +62,11 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Creativity meets ",
},
type: "text", content: "Creativity meets "},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18938.jpg",
alt: "tech integration",
},
type: "image", src: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18938.jpg", alt: "tech integration"},
{
type: "text",
content: "Modern Technology",
},
type: "text", content: "Modern Technology"},
]}
/>
</div>
@@ -96,34 +78,26 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Graphic Design",
description: "Creative visual identity and branding.",
icon: PenTool,
title: "Graphic Design", description: "Creative visual identity and branding.", icon: PenTool,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-paper_23-2149930977.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-paper_23-2149930977.jpg", imageAlt: "mobile app design prototype"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800630.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800630.jpg", imageAlt: "corporate branding mockup"
},
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-pen-ai-generated_23-2150695441.jpg?_wi=2",
imageAlt: "mobile app design prototype",
]
},
{
title: "Web Design",
description: "Responsive development and UI/UX.",
icon: Code2,
title: "Web Design", description: "Responsive development and UI/UX.", icon: Code2,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416730.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416730.jpg", imageAlt: "website responsive design"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/three-grey-credit-cards-white-platforms_187299-48079.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/three-grey-credit-cards-white-platforms_187299-48079.jpg", imageAlt: "corporate branding mockup"
},
],
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18938.jpg",
imageAlt: "mobile app design prototype",
]
},
]}
title="Comprehensive Solutions"
@@ -133,52 +107,23 @@ export default function LandingPage() {
<div id="portfolio" data-section="portfolio">
<ProductCardFour
animationType="blur-reveal"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "App Interface",
price: "UI Design",
variant: "Mobile",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-smartphone_23-2149636262.jpg",
},
id: "1", name: "App Interface", price: "UI Design", variant: "Mobile", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-smartphone_23-2149636262.jpg"},
{
id: "2",
name: "Brand Identity",
price: "Branding",
variant: "Strategy",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345450.jpg",
},
id: "2", name: "Brand Identity", price: "Branding", variant: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345450.jpg"},
{
id: "3",
name: "E-Commerce",
price: "Development",
variant: "Web",
imageSrc: "http://img.b2bpic.net/free-photo/web-design-template-copy-space-concept_53876-120760.jpg",
},
id: "3", name: "E-Commerce", price: "Development", variant: "Web", imageSrc: "http://img.b2bpic.net/free-photo/web-design-template-copy-space-concept_53876-120760.jpg"},
{
id: "4",
name: "Illustration Art",
price: "Digital Art",
variant: "Art",
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104479.jpg",
},
id: "4", name: "Illustration Art", price: "Digital Art", variant: "Art", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104479.jpg"},
{
id: "5",
name: "Responsive UI",
price: "Coding",
variant: "UI",
imageSrc: "http://img.b2bpic.net/free-photo/innovation-bulb-icon-sign-symbol_53876-133685.jpg",
},
id: "5", name: "Responsive UI", price: "Coding", variant: "UI", imageSrc: "http://img.b2bpic.net/free-photo/innovation-bulb-icon-sign-symbol_53876-133685.jpg"},
{
id: "6",
name: "Strategy Deck",
price: "Consulting",
variant: "Business",
imageSrc: "http://img.b2bpic.net/free-photo/corporate-stationery-concept_23-2147786733.jpg",
},
id: "6", name: "Strategy Deck", price: "Consulting", variant: "Business", imageSrc: "http://img.b2bpic.net/free-photo/corporate-stationery-concept_23-2147786733.jpg"},
]}
title="Portfolio Highlights"
description="Explore our recent success stories."
@@ -193,25 +138,15 @@ export default function LandingPage() {
author="Sarah Miller, CEO"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
alt: "Client 1",
},
src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", alt: "Client 1"},
{
src: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg",
alt: "Client 2",
},
src: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg", alt: "Client 2"},
{
src: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg",
alt: "Client 3",
},
src: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg", alt: "Client 3"},
{
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
alt: "Client 4",
},
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", alt: "Client 4"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-digital-nomad-freelancer-connects-video-call-laptop-pointing-finger_1258-245280.jpg",
alt: "Client 5",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-digital-nomad-freelancer-connects-video-call-laptop-pointing-finger_1258-245280.jpg", alt: "Client 5"},
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
@@ -222,15 +157,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in touch"
title="Start your next project"
description="Ready to collaborate? Let's discuss your vision, budget, and timeline."
buttons={[
{
text: "Submit Inquiry",
},
text: "Submit Inquiry"},
]}
/>
</div>
@@ -239,33 +172,21 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Links",
items: [
title: "Links", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Portfolio",
href: "#portfolio",
},
label: "Portfolio", href: "#portfolio"},
],
},
{
title: "Social",
items: [
title: "Social", items: [
{
label: "LinkedIn",
href: "#",
},
label: "LinkedIn", href: "#"},
{
label: "Behance",
href: "#",
},
label: "Behance", href: "#"},
],
},
]}