bender/febe52d6-0bf5-4ea1-a86e-ba0b897ed547
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

7 Commits
version_1 ... main

Author SHA1 Message Date
bender
49e5f0fa08 Merge version_2 into main 
Merge version_2 into main
 2026-06-14 06:51:37 +00:00
bender
89237fcc5f Remove watermark 2026-06-14 06:51:34 +00:00
bender
cc16da5110 Merge version_2 into main 
Merge version_2 into main
 2026-04-08 23:34:52 +00:00
bender
2e01c626b6 Update src/app/page.tsx 2026-04-08 23:34:46 +00:00
bender
d9a05ce32e Merge version_2 into main 
Merge version_2 into main
 2026-04-08 23:34:25 +00:00
bender
e4e68c2eb0 Update src/app/styles/variables.css 2026-04-08 23:34:22 +00:00
bender
a8727ef0a5 Update src/app/page.tsx 2026-04-08 23:34:22 +00:00
3 changed files with 44 additions and 113 deletions
Expand all files Collapse all files

3
src/app/layout.tsx
View File

@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import "@/lib/gsap-setup"; import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
const halant = Halant({ const halant = Halant({
@@ -34,7 +33,7 @@ export default function RootLayout({
<body <body
className={`${halant.variable} ${inter.variable} antialiased`} className={`${halant.variable} ${inter.variable} antialiased`}
> >
<Tag />
{children} {children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{

140
src/app/page.tsx
View File

@@ -24,9 +24,9 @@ export default function WebAgency2Page() {
contentWidth="medium" contentWidth="medium"
sizing="medium" sizing="medium"
background="none" background="none"
cardStyle="glass-elevated" cardStyle="solid"
primaryButtonStyle="metallic" primaryButtonStyle="flat"
secondaryButtonStyle="glass" secondaryButtonStyle="solid"
headingFontWeight="medium" headingFontWeight="medium"
> >
<ReactLenis root> <ReactLenis root>
@@ -54,14 +54,14 @@ export default function WebAgency2Page() {
buttonAnimation="slide-up" buttonAnimation="slide-up"
carouselPosition="right" carouselPosition="right"
leftCarouselItems={[ leftCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "UI UX Design - Daily Life app" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp?_wi=1", imageAlt: "UI UX Design - Daily Life app" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "UI UX Design - SaaS platform" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp?_wi=1", imageAlt: "UI UX Design - SaaS platform" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "UI UX Design - Luminé skincare" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "UI UX Design - Luminé skincare" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp", imageAlt: "UI UX Design - Online courses" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp", imageAlt: "UI UX Design - Online courses" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-9.webp", imageAlt: "UI UX Design - Business coach" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-9.webp", imageAlt: "UI UX Design - Business coach" },
]} ]}
rightCarouselItems={[ rightCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "UI UX Design - Luxuria travel" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=1", imageAlt: "UI UX Design - Luxuria travel" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "UI UX Design - Dental practice" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "UI UX Design - Dental practice" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp", imageAlt: "UI UX Design - AI product builder" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp", imageAlt: "UI UX Design - AI product builder" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-8.webp", imageAlt: "UI UX Design - AI automation" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-8.webp", imageAlt: "UI UX Design - AI automation" },
@@ -78,31 +78,21 @@ export default function WebAgency2Page() {
buttonAnimation="slide-up" buttonAnimation="slide-up"
features={[ features={[
{ {
title: "SEO", title: "SEO", description: "We optimize your website to rank higher on search engines and drive organic traffic.", bentoComponent: "marquee", centerIcon: Search,
description: "We optimize your website to rank higher on search engines and drive organic traffic.", variant: "text", texts: ["Keywords", "Backlinks", "Meta Tags", "Organic Traffic", "Rankings", "Analytics", "SERP", "Indexing"],
bentoComponent: "marquee",
centerIcon: Search,
variant: "text",
texts: ["Keywords", "Backlinks", "Meta Tags", "Organic Traffic", "Rankings", "Analytics", "SERP", "Indexing"],
}, },
{ {
title: "Web Development", title: "Web Development", description: "Custom-built websites that are fast, responsive, and designed to convert.", bentoComponent: "media-stack", items: [
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 - AgentFlow AI platform" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web project - AgentFlow AI platform" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Web project - Architecture studio" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Web project - Architecture studio" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp", imageAlt: "Web project - Summit Roofing" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp", imageAlt: "Web project - Summit Roofing" },
], ],
}, },
{ {
title: "Branding", title: "Branding", description: "Build a memorable brand identity that resonates with your audience.", bentoComponent: "media-stack", items: [
description: "Build a memorable brand identity that resonates with your audience.", { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp?_wi=2", imageAlt: "Brand project 1" },
bentoComponent: "media-stack", { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=2", imageAlt: "Brand project 2" },
items: [ { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp?_wi=2", imageAlt: "Brand project 3" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "Brand project 1" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "Brand project 2" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "Brand project 3" },
], ],
}, },
]} ]}
@@ -117,45 +107,20 @@ export default function WebAgency2Page() {
cardClassName="!h-auto aspect-video" cardClassName="!h-auto aspect-video"
features={[ features={[
{ {
title: "Umbra Skincare", 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 website", buttonIcon: ArrowUpRight,
description: "Luxury fragrance e-commerce", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp",
imageAlt: "Umbra Skincare website",
buttonIcon: ArrowUpRight,
buttonHref: "#",
},
{ {
title: "Luxuria Travel", title: "Luxuria Travel", description: "Bespoke luxury travel experiences", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp", imageAlt: "Luxuria Travel website", buttonIcon: ArrowUpRight,
description: "Bespoke luxury travel experiences", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp",
imageAlt: "Luxuria Travel website",
buttonIcon: ArrowUpRight,
buttonHref: "#",
},
{ {
title: "Dental Care", title: "Dental Care", description: "Premier dental practice", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp", imageAlt: "Luxury Dental Care website", buttonIcon: ArrowUpRight,
description: "Premier dental practice", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp",
imageAlt: "Luxury Dental Care website",
buttonIcon: ArrowUpRight,
buttonHref: "#",
},
{ {
title: "Summit Roofing", title: "Summit Roofing", description: "Professional roofing services", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp", imageAlt: "Summit Roofing website", buttonIcon: ArrowUpRight,
description: "Professional roofing services", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp",
imageAlt: "Summit Roofing website",
buttonIcon: ArrowUpRight,
buttonHref: "#",
},
{ {
title: "Dubai Real Estate", title: "Dubai Real Estate", description: "Luxury property listings", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp", imageAlt: "Dubai Real Estate website", buttonIcon: ArrowUpRight,
description: "Luxury property listings", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp",
imageAlt: "Dubai Real Estate website",
buttonIcon: ArrowUpRight,
buttonHref: "#",
},
]} ]}
/> />
<FeatureBento <FeatureBento
@@ -166,14 +131,9 @@ export default function WebAgency2Page() {
animationType="slide-up" animationType="slide-up"
features={[ features={[
{ {
title: "All Devices Optimization", title: "All Devices Optimization", description: "Pixel-perfect websites that look stunning on every screen size and device.", bentoComponent: "phone", statusIcon: Lock,
description: "Pixel-perfect websites that look stunning on every screen size and device.",
bentoComponent: "phone",
statusIcon: Lock,
alertIcon: Monitor, alertIcon: Monitor,
alertTitle: "Responsive check", alertTitle: "Responsive check", alertMessage: "All breakpoints passed", apps: [
alertMessage: "All breakpoints passed",
apps: [
{ name: "Phone", icon: Phone }, { name: "Phone", icon: Phone },
{ name: "SMS", icon: MessageCircle }, { name: "SMS", icon: MessageCircle },
{ name: "Books", icon: BookOpen }, { name: "Books", icon: BookOpen },
@@ -185,29 +145,17 @@ export default function WebAgency2Page() {
], ],
}, },
{ {
title: "Secure Hosting", title: "Secure Hosting", description: "Enterprise-grade security and 99.9% uptime for your website.", bentoComponent: "reveal-icon", icon: Shield,
description: "Enterprise-grade security and 99.9% uptime for your website.",
bentoComponent: "reveal-icon",
icon: Shield,
}, },
{ {
title: "Fast Turnaround", title: "Fast Turnaround", description: "From concept to launch in record time without sacrificing quality.", bentoComponent: "timeline", heading: "Project Launch", subheading: "Week 1", items: [
description: "From concept to launch in record time without sacrificing quality.",
bentoComponent: "timeline",
heading: "Project Launch",
subheading: "Week 1",
items: [
{ label: "Discovery & wireframes", detail: "Day 1-3" }, { label: "Discovery & wireframes", detail: "Day 1-3" },
{ label: "Design & development", detail: "Day 4-10" }, { label: "Design & development", detail: "Day 4-10" },
{ label: "Testing & deployment", detail: "Day 11-14" }, { label: "Testing & deployment", detail: "Day 11-14" },
], ],
completedLabel: "Live", completedLabel: "Live"},
},
{ {
title: "Seamless Integrations", title: "Seamless Integrations", description: "Connect with the tools you already use — CRMs, analytics, payments, and more.", bentoComponent: "orbiting-icons", centerIcon: Puzzle,
description: "Connect with the tools you already use — CRMs, analytics, payments, and more.",
bentoComponent: "orbiting-icons",
centerIcon: Puzzle,
items: [ items: [
{ icon: Shield }, { icon: Shield },
{ icon: Monitor }, { icon: Monitor },
@@ -216,10 +164,7 @@ export default function WebAgency2Page() {
], ],
}, },
{ {
title: "Growth Trends", title: "Growth Trends", description: "Data-driven insights to optimize your search presence and drive traffic.", bentoComponent: "line-chart"},
description: "Data-driven insights to optimize your search presence and drive traffic.",
bentoComponent: "line-chart",
},
]} ]}
/> />
<TestimonialCardFifteen <TestimonialCardFifteen
@@ -254,21 +199,11 @@ export default function WebAgency2Page() {
animationType="slide-up" animationType="slide-up"
negativeCard={{ negativeCard={{
items: [ items: [
"Generic templates with no personality", "Generic templates with no personality", "Slow load times and poor performance", "No SEO strategy or search visibility", "Outdated design that hurts credibility", "No ongoing support after launch"],
"Slow load times and poor performance",
"No SEO strategy or search visibility",
"Outdated design that hurts credibility",
"No ongoing support after launch",
],
}} }}
positiveCard={{ positiveCard={{
items: [ items: [
"Custom designs tailored to your brand", "Custom designs tailored to your brand", "Lightning-fast performance on all devices", "Built-in SEO to drive organic traffic", "Modern design that builds trust", "Dedicated support and maintenance"],
"Lightning-fast performance on all devices",
"Built-in SEO to drive organic traffic",
"Modern design that builds trust",
"Dedicated support and maintenance",
],
}} }}
/> />
<TeamCardFive <TeamCardFive
@@ -315,8 +250,7 @@ export default function WebAgency2Page() {
copyrightText="© 2026 | Webild" copyrightText="© 2026 | Webild"
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [
{ label: "About", href: "#about" }, { label: "About", href: "#about" },
{ label: "Services", href: "#services" }, { label: "Services", href: "#services" },
{ label: "Work", href: "#work" }, { label: "Work", href: "#work" },
@@ -324,8 +258,7 @@ export default function WebAgency2Page() {
], ],
}, },
{ {
title: "Services", title: "Services", items: [
items: [
{ label: "Web Development", href: "#" }, { label: "Web Development", href: "#" },
{ label: "SEO", href: "#" }, { label: "SEO", href: "#" },
{ label: "Branding", href: "#" }, { label: "Branding", href: "#" },
@@ -333,8 +266,7 @@ export default function WebAgency2Page() {
], ],
}, },
{ {
title: "Connect", title: "Connect", items: [
items: [
{ label: "Twitter", href: "#" }, { label: "Twitter", href: "#" },
{ label: "LinkedIn", href: "#" }, { label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" }, { label: "Instagram", href: "#" },
@@ -346,4 +278,4 @@ export default function WebAgency2Page() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #0a0a0a; --background: #ffffff;
--card: #161616; --card: #ffffff;
--foreground: #f0f0f0; --foreground: #0a0a0a;
--primary-cta: #ffffff; --primary-cta: #0a0a0a;
--primary-cta-text: #0a0a0a; --primary-cta-text: #0a0a0a;
--secondary-cta: #1e1e1e; --secondary-cta: #f1f1f1;
--secondary-cta-text: #e0e0e0; --secondary-cta-text: #e0e0e0;
--accent: #d0d0d0; --accent: #e5e5e5;
--background-accent: #9a9a9a; --background-accent: #f5f5f5;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);