bender/fbabdeb3-9b49-4a1c-bdf7-fffcedcc1e27
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-04-06 04:00:47 +00:00
parent 177b08a530 0055522e84
commit db700da89d
5 changed files with 26 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/about/page.tsx
View File

@@ -7,9 +7,8 @@ import FooterBase from "@/components/sections/footer/FooterBase";
export default function AboutPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="medium">
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
@@ -17,12 +16,12 @@ export default function AboutPage() {
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "/contact" }}
/>
<MediaAbout
title="About Webild"
description="We are a creative agency dedicated to crafting exceptional digital experiences."
description="We are a creative agency."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp"
useInvertedBackground={false}
/>
<FooterBase logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] }]} />
</ThemeProvider>

6
src/app/contact/page.tsx
View File

@@ -7,9 +7,8 @@ import FooterBase from "@/components/sections/footer/FooterBase";
export default function ContactPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="medium">
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
@@ -17,12 +16,13 @@ export default function ContactPage() {
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "/contact" }}
/>
<ContactCenter
title="Contact Us"
description="Get in touch for your next project."
tag="Get in Touch"
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
<FooterBase logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] }]} />
</ThemeProvider>

48
src/app/page.tsx
View File

@@ -19,13 +19,12 @@ export default function HomePage() {
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="metallic"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
@@ -37,63 +36,44 @@ export default function HomePage() {
/>
<HeroSplitDoubleCarousel
title="We Build Digital Experiences"
description="Transform your brand with cutting-edge web design and development. We craft stunning websites that convert visitors into customers."
description="Transform your brand with cutting-edge web design and development."
tag="Award-Winning Agency"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "canvas-reveal" }}
buttons={[
{ text: "Start Project", href: "/contact" },
{ text: "View Work", href: "/portfolio" },
]}
buttonAnimation="slide-up"
carouselPosition="right"
leftCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "UI UX Design" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "UI UX Design" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "UI UX Design" },
]}
rightCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "UI UX Design" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "UI UX Design" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "UI UX Design" },
]}
carouselItemClassName="!aspect-[4/5]"
/>
<FeatureBento
title="Our Services"
description="We offer a full suite of digital services to help your brand stand out online."
description="We offer a full suite of digital services."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
buttons={[{ text: "All Services", href: "/services" }]}
buttonAnimation="slide-up"
features={[
{
title: "SEO", description: "We optimize your website to rank higher on search engines and drive organic traffic.", bentoComponent: "marquee", centerIcon: Search,
variant: "text", texts: ["Keywords", "Backlinks", "Meta Tags", "Organic Traffic"],
title: "SEO", description: "Rank higher on search engines.", bentoComponent: "marquee", centerIcon: Search,
variant: "text", texts: ["Keywords", "Backlinks"]
},
{
title: "Web Development", description: "Custom-built websites that are fast, responsive, and designed to convert.", bentoComponent: "media-stack", items: [
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web project" },
],
},
{
title: "Branding", description: "Build a memorable brand identity that resonates with your audience.", bentoComponent: "media-stack", items: [
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "Brand project" },
],
},
]}
/>
<FeatureCardTwentySix
title="Our Work"
description="A selection of projects we've crafted for clients across industries."
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "View All Work", href: "/portfolio" }]}
buttonAnimation="slide-up"
cardClassName="!h-auto aspect-video"
features={[
{
title: "Umbra Skincare", description: "Luxury fragrance e-commerce", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp", imageAlt: "Umbra Skincare", buttonHref: "/portfolio"},
title: "Web Development", description: "Fast, responsive custom-built websites.", bentoComponent: "media-stack", buttonIcon: Search,
items: [
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web" }
]
}
]}
/>
<FooterBase

7
src/app/portfolio/page.tsx
View File

@@ -7,9 +7,8 @@ import FooterBase from "@/components/sections/footer/FooterBase";
export default function PortfolioPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="medium">
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
@@ -17,13 +16,13 @@ export default function PortfolioPage() {
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "/contact" }}
/>
<FeatureCardTwentySix
title="Our Portfolio"
description="Case studies of our most recent work."
description="Work we've crafted."
textboxLayout="default"
features={[]}
useInvertedBackground="none"
/>
<FooterBase logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] }]} />
</ThemeProvider>

7
src/app/services/page.tsx
View File

@@ -7,9 +7,8 @@ import FooterBase from "@/components/sections/footer/FooterBase";
export default function ServicesPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="medium">
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
@@ -17,13 +16,13 @@ export default function ServicesPage() {
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "/contact" }}
/>
<FeatureCardNineteen
title="Our Services"
description="A comprehensive suite of digital design and development services."
description="A comprehensive suite of digital services."
textboxLayout="default"
features={[]}
useInvertedBackground="none"
/>
<FooterBase logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] }]} />
</ThemeProvider>