6 Commits

Author SHA1 Message Date
f46e597f6f Update src/app/page.tsx 2026-06-10 04:38:05 +00:00
7b658fd41e Update src/app/page.tsx 2026-06-10 04:37:19 +00:00
e89cd3bfa9 Update src/app/styles/variables.css 2026-06-10 04:36:33 +00:00
af82315216 Update src/app/page.tsx 2026-06-10 04:36:33 +00:00
57a00fafcd Merge version_2 into main
Merge version_2 into main
2026-06-10 04:26:15 +00:00
8135fc2c20 Merge version_2 into main
Merge version_2 into main
2026-06-10 04:25:34 +00:00
2 changed files with 73 additions and 27 deletions

View File

@@ -12,8 +12,8 @@ import TeamCardFive from "@/components/sections/team/TeamCardFive";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users, Clock, Lightbulb, BarChart, CheckCircle } from "lucide-react";
export default function WebAgency2Page() {
return (
@@ -33,6 +33,7 @@ export default function WebAgency2Page() {
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "How it Works", id: "how-it-works" },
{ name: "Work", id: "work" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
@@ -65,6 +66,26 @@ export default function WebAgency2Page() {
mediaAnimation="slide-up"
/>
</div>
<div id="how-it-works" data-section="how-it-works">
<FeatureBento
title="How It Works"
description="Our streamlined process ensures a smooth journey from concept to launch."
tag="Our Process"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
title: "Discovery & Strategy", description: "Understanding your vision and goals.", bentoComponent: "timeline", heading: "Project Launch", subheading: "Your Digital Journey", items: [
{ label: "Discovery & Strategy", detail: "Understanding your vision and goals." },
{ label: "Design & Development", detail: "Crafting your unique digital experience." },
{ label: "Testing & Refinement", detail: "Ensuring perfection across all devices." }
],
completedLabel: "Website Live!"
}
]}
/>
</div>
<div id="services" data-section="services">
<FeatureBento
title="Our Services"
@@ -108,19 +129,24 @@ export default function WebAgency2Page() {
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 website", buttonIcon: ArrowUpRight,
buttonHref: "#"},
buttonHref: "#"
},
{
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,
buttonHref: "#"},
buttonHref: "#"
},
{
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,
buttonHref: "#"},
buttonHref: "#"
},
{
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,
buttonHref: "#"},
buttonHref: "#"
},
{
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,
buttonHref: "#"},
buttonHref: "#"
}
]}
/>
</div>
@@ -155,7 +181,8 @@ export default function WebAgency2Page() {
{ label: "Design & development", detail: "Day 4-10" },
{ label: "Testing & deployment", detail: "Day 11-14" },
],
completedLabel: "Live"},
completedLabel: "Live"
},
{
title: "Seamless Integrations", description: "Connect with the tools you already use — CRMs, analytics, payments, and more.", bentoComponent: "orbiting-icons", centerIcon: Puzzle,
items: [
@@ -166,21 +193,38 @@ export default function WebAgency2Page() {
],
},
{
title: "Growth Trends", description: "Data-driven insights to optimize your search presence and drive traffic.", bentoComponent: "line-chart"},
title: "Growth Trends", description: "Data-driven insights to optimize your search presence and drive traffic.", bentoComponent: "line-chart"
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="Webild completely transformed our online presence. The team delivered a stunning website that exceeded our expectations and doubled our conversion rate."
rating={5}
author="— Maria Santos, CEO at Luxuria Travel"
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", alt: "Client" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
<TestimonialCardSixteen
title="What Our Clients Say"
description="Hear from businesses that have thrived with our web solutions."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
carouselMode="auto"
kpiItems={[
{ value: "98%", label: "Satisfaction" },
{ value: "300+", label: "Projects" },
{ value: "10+", label: "Years" },
]}
testimonials={[
{
id: "1", name: "Sarah J.", role: "Founder", company: "Innovative Startups", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatars/avatar-6.webp"
},
{
id: "2", name: "Mark T.", role: "Marketing Director", company: "Global Brands Inc.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatars/avatar-1.webp"
},
{
id: "3", name: "Emily R.", role: "CEO", company: "Creative Solutions Co.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatars/avatar-2.webp"
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
@@ -207,11 +251,13 @@ export default function WebAgency2Page() {
animationType="slide-up"
negativeCard={{
items: [
"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"],
"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"
],
}}
positiveCard={{
items: [
"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"],
"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"
],
}}
/>
</div>

View File

@@ -11,14 +11,14 @@
--background-accent: #ffffff; */
--background: #0a0a0a;
--card: #161616;
--foreground: #f0f0f0;
--primary-cta: #ffffff;
--card: #1a1a1a;
--foreground: #f5f5f5;
--primary-cta: #ffdf7d;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1e1e1e;
--secondary-cta-text: #e0e0e0;
--accent: #d0d0d0;
--background-accent: #9a9a9a;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffff;
--accent: #b8860b;
--background-accent: #8b6914;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);