bender/1e3678d6-c6c8-4471-a970-61f166cee229
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 #1.
This commit is contained in:
bender
2026-05-03 04:08:04 +00:00
parent c87fc4008d 0f49717d8b
commit e8f51f27e9
1 changed files with 41 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

237
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Portfolio",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Portfolio", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Kithful"
/>
@@ -57,39 +45,15 @@ export default function LandingPage() {
<HeroOverlay
title="Crafting Digital Elegance."
description="Kithful is an exclusive digital agency specializing in premium web experiences, sophisticated design, and seamless performance."
buttons={[
{
text: "View Our Work",
href: "#products",
},
{
text: "Inquire",
href: "#contact",
},
]}
buttons={[{ text: "View Our Work", href: "#products" }, { text: "Inquire", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16072.jpg"
imageAlt="Kithful digital luxury"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/water-drop-body-water_417767-87.jpg",
alt: "Client A",
},
{
src: "http://img.b2bpic.net/free-photo/breathtaking-scenery-beautiful-sand-textures-dark-antelope-canyon-usa_181624-5042.jpg",
alt: "Client B",
},
{
src: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898142.jpg",
alt: "Client C",
},
{
src: "http://img.b2bpic.net/free-photo/delicate-viola-leaves_23-2147810758.jpg",
alt: "Client D",
},
{
src: "http://img.b2bpic.net/free-photo/macro-detail-red-feather-against-black-background_23-2148114577.jpg",
alt: "Client E",
},
{ src: "http://img.b2bpic.net/free-photo/water-drop-body-water_417767-87.jpg", alt: "Client A" },
{ src: "http://img.b2bpic.net/free-photo/breathtaking-scenery-beautiful-sand-textures-dark-antelope-canyon-usa_181624-5042.jpg", alt: "Client B" },
{ src: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898142.jpg", alt: "Client C" },
{ src: "http://img.b2bpic.net/free-photo/delicate-viola-leaves_23-2147810758.jpg", alt: "Client D" },
{ src: "http://img.b2bpic.net/free-photo/macro-detail-red-feather-against-black-background_23-2148114577.jpg", alt: "Client E" }
]}
avatarText="Trusted by industry leaders worldwide."
/>
@@ -99,35 +63,19 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="We turn bold ideas into high-end digital realities."
buttons={[
{
text: "Our Philosophy",
href: "#",
},
]}
buttons={[{ text: "Our Philosophy", href: "#" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Sparkles,
title: "Luxury UI/UX",
description: "Interfaces designed for unparalleled user engagement.",
},
{
icon: Zap,
title: "High Performance",
description: "Engineered for speed, stability, and scale.",
},
{
icon: Shield,
title: "Bespoke Development",
description: "Custom coded solutions for unique brands.",
},
{ icon: Sparkles, title: "Luxury UI/UX", description: "Interfaces designed for unparalleled user engagement." },
{ icon: Zap, title: "High Performance", description: "Engineered for speed, stability, and scale." },
{ icon: Shield, title: "Bespoke Development", description: "Custom coded solutions for unique brands." }
]}
title="Core Expertise"
description="Exclusivity through digital craftsmanship."
@@ -141,42 +89,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "High Fashion Portal",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/golden-texture-powder-dust-bursting-background-illustration_1017-42072.jpg",
},
{
id: "2",
name: "Luxury Real Estate",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/detail-black-feather-edge-background_23-2148114627.jpg",
},
{
id: "3",
name: "Fintech Dashboard",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/white-smoke-collection-black-background_1112-1716.jpg",
},
{
id: "4",
name: "Art Gallery Platform",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16799.jpg",
},
{
id: "5",
name: "Bespoke SaaS",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-pink-blue-lights-background_1017-2786.jpg",
},
{
id: "6",
name: "Brand Identity Site",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/line-shaped-neon-lights-background_23-2147815446.jpg",
},
{ id: "1", name: "High Fashion Portal", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/golden-texture-powder-dust-bursting-background-illustration_1017-42072.jpg" },
{ id: "2", name: "Luxury Real Estate", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/detail-black-feather-edge-background_23-2148114627.jpg" },
{ id: "3", name: "Fintech Dashboard", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/white-smoke-collection-black-background_1112-1716.jpg" },
{ id: "4", name: "Art Gallery Platform", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16799.jpg" },
{ id: "5", name: "Bespoke SaaS", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/abstract-pink-blue-lights-background_1017-2786.jpg" },
{ id: "6", name: "Brand Identity Site", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/line-shaped-neon-lights-background_23-2147815446.jpg" }
]}
title="Featured Projects"
description="A glimpse into our curated digital portfolio."
@@ -185,35 +103,17 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
groups={[
{
id: "leadership",
groupTitle: "Leadership",
members: [
{
id: "m1",
title: "Elena Rossi",
subtitle: "Creative Director",
detail: "Visionary designer.",
},
{
id: "m2",
title: "Mark Chen",
subtitle: "Lead Developer",
detail: "Technical perfectionist.",
},
{
id: "m3",
title: "Sophia Velez",
subtitle: "Strategy Lead",
detail: "Growth architect.",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-scenery-beautiful-sand-textures-dark-antelope-canyon_181624-4997.jpg",
imageAlt: "Breathtaking scenery of beautiful sand textures in the dark in Antelope Canyon",
},
id: "leadership", groupTitle: "Leadership", members: [
{ id: "m1", title: "Elena Rossi", subtitle: "Creative Director", detail: "Visionary designer." },
{ id: "m2", title: "Mark Chen", subtitle: "Lead Developer", detail: "Technical perfectionist." },
{ id: "m3", title: "Sophia Velez", subtitle: "Strategy Lead", detail: "Growth architect." }
]
}
]}
title="The Creators"
description="The minds behind our precision-engineered digital products."
@@ -227,27 +127,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "50+",
title: "Projects",
description: "Successfully launched.",
icon: Award,
},
{
id: "2",
value: "99%",
title: "Retention",
description: "Happy clients.",
icon: Star,
},
{
id: "3",
value: "120M",
title: "Users",
description: "Global reach.",
icon: Globe,
},
{ id: "1", value: "50+", title: "Projects", description: "Successfully launched.", icon: Award },
{ id: "2", value: "99%", title: "Retention", description: "Happy clients.", icon: Star },
{ id: "3", value: "120M", title: "Users", description: "Global reach.", icon: Globe }
]}
title="Impact In Numbers"
description="Delivering excellence at every touchpoint."
@@ -261,26 +143,11 @@ export default function LandingPage() {
rating={5}
author="Julian Sterling, CEO"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/semicircles-light-blue_23-2147786026.jpg",
alt: "Julian Sterling",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-leaf-side_23-2147810756.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/dark-blue-ocean-wave-watercolor-graphic_53876-105294.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-traditional-golden-indian-saber_8353-9957.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-connections-networking-background_1048-15286.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/semicircles-light-blue_23-2147786026.jpg", alt: "Julian Sterling" },
{ src: "http://img.b2bpic.net/free-photo/close-up-leaf-side_23-2147810756.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/dark-blue-ocean-wave-watercolor-graphic_53876-105294.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-traditional-golden-indian-saber_8353-9957.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-connections-networking-background_1048-15286.jpg", alt: "Client 5" }
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
@@ -290,9 +157,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Let's Talk"
title="Your Next Vision."
description="Ready to redefine digital luxury? Start a conversation."
@@ -304,35 +169,15 @@ export default function LandingPage() {
logoText="Kithful"
columns={[
{
title: "Agency",
items: [
{
label: "About",
href: "#about",
},
{
label: "Portfolio",
href: "#products",
},
],
title: "Agency", items: [{ label: "About", href: "#about" }, { label: "Portfolio", href: "#products" }]
},
{
title: "Connect",
items: [
{
label: "Twitter",
href: "#",
},
{
label: "LinkedIn",
href: "#",
},
],
},
title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}