Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d4d4f5ee4c | |||
| 3e747913b0 | |||
| 6c8719d270 | |||
| fb831afdf3 | |||
| 06f7685a9e | |||
| f5d2435c19 | |||
| e358f809d3 |
@@ -1,128 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
||||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||||
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
|
||||
import { Sparkles, Lightbulb, Target, Briefcase, Users, Award, TrendingUp, Twitter, Linkedin, Instagram, Dribbble } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Work", id: "/#work" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/#contact" }
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/#contact" }}
|
||||
/>
|
||||
|
||||
<div id="agency-story" data-section="agency-story">
|
||||
<TextSplitAbout
|
||||
title="Our Story"
|
||||
description={[
|
||||
"Webild was founded with a passion for crafting exceptional digital experiences. What started as a small team of visionaries has grown into a full-service agency dedicated to transforming brands online. We believe in the power of design and technology to create meaningful connections.", "Over the years, we've partnered with diverse clients, from startups to established enterprises, helping them navigate the digital landscape and achieve their business goals. Our journey is defined by continuous learning, innovation, and a relentless pursuit of excellence in every project we undertake."
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="mission-values" data-section="mission-values">
|
||||
<FeatureHoverPattern
|
||||
title="Our Mission & Values"
|
||||
description="Driving digital success through creativity, collaboration, and cutting-edge solutions."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Innovation", description: "We constantly explore new technologies and creative approaches to deliver innovative solutions that set your brand apart."
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
title: "Excellence", description: "We are committed to delivering the highest quality in every aspect of our work, from strategy to execution and support."
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Collaboration", description: "We believe in working closely with our clients, fostering strong partnerships built on trust, transparency, and shared goals."
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
title: "Impact", description: "Our ultimate goal is to create digital products that not only look great but also drive measurable business growth and real-world impact."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team-overview" data-section="team-overview">
|
||||
<TeamCardTwo
|
||||
title="Meet Our Team"
|
||||
description="The dedicated professionals bringing your digital vision to life."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
members={[
|
||||
{ id: "1", name: "Sarah Miller", role: "CEO & Founder", description: "Dedicated to crafting exceptional digital experiences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Sarah Miller", socialLinks: [{icon: Twitter, url: "#"}, {icon: Linkedin, url: "#"}] },
|
||||
{ id: "2", name: "Michael Chen", role: "Lead Developer", description: "Dedicated to crafting exceptional digital experiences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "Michael Chen", socialLinks: [{icon: Twitter, url: "#"}, {icon: Linkedin, url: "#"}] },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Creative Director", description: "Dedicated to crafting exceptional digital experiences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Emily Rodriguez", socialLinks: [{icon: Twitter, url: "#"}, {icon: Linkedin, url: "#"}] },
|
||||
{ id: "4", name: "David Kim", role: "Marketing Specialist", description: "Dedicated to crafting exceptional digital experiences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-4.webp", imageAlt: "David Kim", socialLinks: [{icon: Twitter, url: "#"}, {icon: Linkedin, url: "#"}] },
|
||||
{ id: "5", name: "Jessica Lee", role: "UX/UI Designer", description: "Dedicated to crafting exceptional digital experiences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-5.webp", imageAlt: "Jessica Lee", socialLinks: [{icon: Twitter, url: "#"}, {icon: Linkedin, url: "#"}] },
|
||||
{ id: "6", name: "Chris Brown", role: "Project Manager", description: "Dedicated to crafting exceptional digital experiences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-6.webp", imageAlt: "Chris Brown", socialLinks: [{icon: Twitter, url: "#"}, {icon: Linkedin, url: "#"}] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterSimple
|
||||
bottomLeftText="Webild"
|
||||
bottomRightText="© 2026 | Webild"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Services", href: "/#services" },
|
||||
{ label: "Work", href: "/#work" },
|
||||
{ label: "Contact", href: "/#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Web Development", href: "/#services" },
|
||||
{ label: "SEO", href: "/#services" },
|
||||
{ label: "Branding", href: "/#services" },
|
||||
{ label: "UI/UX Design", href: "/#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Dribbble", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -1,67 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { MessageCircle, Star } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Work", href: "/#work" },
|
||||
{ name: "Services", href: "/#services" },
|
||||
{ name: "About", href: "/#about" },
|
||||
{ name: "Contact", href: "/contact" }
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
<ContactSplit
|
||||
tag="Get in Touch"
|
||||
tagIcon={MessageCircle}
|
||||
title="We'd Love to Hear From You"
|
||||
description="Whether you have a question about features, pricing, or anything else, our team is ready to answer all your questions."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
mediaPosition="left"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/contact-page/map.webp"
|
||||
imageAlt="Office location map"
|
||||
buttonText="Send Message"
|
||||
onSubmit={(email) => console.log(email)}
|
||||
/>
|
||||
<TestimonialCardSix
|
||||
title="What Our Clients Say"
|
||||
description="Hear from satisfied customers who trust us with their digital presence."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Maria Santos", handle: "Luxuria Travel", testimonial: "Webild completely transformed our online presence. The team delivered a stunning website that exceeded our expectations and doubled our conversion rate.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Maria Santos", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "2", name: "John Doe", handle: "Tech Solutions Inc.", testimonial: "The attention to detail and proactive communication from Webild was outstanding. Our new platform is incredibly user-friendly and robust.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "John Doe", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "3", name: "Jane Smith", handle: "Creative Agency", testimonial: "Working with Webild was a game-changer for our brand. They captured our vision perfectly and delivered a website that truly stands out.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Jane Smith", icon: Star,
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
152
src/app/page.tsx
152
src/app/page.tsx
@@ -33,12 +33,12 @@ export default function WebAgency2Page() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Work", id: "/#work" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
<HeroSplitDoubleCarousel
|
||||
title="We Build Digital Experiences"
|
||||
@@ -48,8 +48,8 @@ export default function WebAgency2Page() {
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{ text: "Start Project", href: "/contact" },
|
||||
{ text: "View Work", href: "/#work" },
|
||||
{ text: "Start Project", href: "#contact" },
|
||||
{ text: "View Work", href: "#work" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
@@ -74,22 +74,32 @@ export default function WebAgency2Page() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
buttons={[{ text: "All Services", href: "/#services" }]}
|
||||
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", "Rankings", "Analytics", "SERP", "Indexing"],
|
||||
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", "Rankings", "Analytics", "SERP", "Indexing"],
|
||||
},
|
||||
{
|
||||
title: "Web Development", description: "Custom-built websites that are fast, responsive, and designed to convert.", bentoComponent: "media-stack", items: [
|
||||
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 - 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-3.webp", imageAlt: "Web project - Summit Roofing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Branding", description: "Build a memorable brand identity that resonates with your audience.", bentoComponent: "media-stack", items: [
|
||||
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 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" },
|
||||
@@ -102,25 +112,50 @@ export default function WebAgency2Page() {
|
||||
description="A selection of projects we've crafted for clients across industries."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "View All Work", href: "/#work" }]}
|
||||
buttons={[{ text: "View All Work", href: "#work" }]}
|
||||
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 website", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
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: "#",
|
||||
},
|
||||
{
|
||||
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: "#"},
|
||||
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: "#",
|
||||
},
|
||||
{
|
||||
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: "#"},
|
||||
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: "#",
|
||||
},
|
||||
{
|
||||
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: "#"},
|
||||
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: "#",
|
||||
},
|
||||
{
|
||||
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: "#"},
|
||||
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: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FeatureBento
|
||||
@@ -131,9 +166,14 @@ export default function WebAgency2Page() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "All Devices Optimization", description: "Pixel-perfect websites that look stunning on every screen size and device.", bentoComponent: "phone", statusIcon: Lock,
|
||||
title: "All Devices Optimization",
|
||||
description: "Pixel-perfect websites that look stunning on every screen size and device.",
|
||||
bentoComponent: "phone",
|
||||
statusIcon: Lock,
|
||||
alertIcon: Monitor,
|
||||
alertTitle: "Responsive check", alertMessage: "All breakpoints passed", apps: [
|
||||
alertTitle: "Responsive check",
|
||||
alertMessage: "All breakpoints passed",
|
||||
apps: [
|
||||
{ name: "Phone", icon: Phone },
|
||||
{ name: "SMS", icon: MessageCircle },
|
||||
{ name: "Books", icon: BookOpen },
|
||||
@@ -145,17 +185,29 @@ export default function WebAgency2Page() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Secure Hosting", description: "Enterprise-grade security and 99.9% uptime for your website.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
title: "Secure Hosting",
|
||||
description: "Enterprise-grade security and 99.9% uptime for your website.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Fast Turnaround", description: "From concept to launch in record time without sacrificing quality.", bentoComponent: "timeline", heading: "Project Launch", subheading: "Week 1", items: [
|
||||
title: "Fast Turnaround",
|
||||
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: "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,
|
||||
title: "Seamless Integrations",
|
||||
description: "Connect with the tools you already use — CRMs, analytics, payments, and more.",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Puzzle,
|
||||
items: [
|
||||
{ icon: Shield },
|
||||
{ icon: Monitor },
|
||||
@@ -164,7 +216,10 @@ 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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardFifteen
|
||||
@@ -199,11 +254,21 @@ 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",
|
||||
],
|
||||
}}
|
||||
/>
|
||||
<TeamCardFive
|
||||
@@ -239,8 +304,8 @@ export default function WebAgency2Page() {
|
||||
description="Let's build something extraordinary together. Get in touch and let's discuss your next project."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[
|
||||
{ text: "Start Your Project", href: "/contact" },
|
||||
{ text: "View Our Work", href: "/#work" },
|
||||
{ text: "Start Your Project", href: "#contact" },
|
||||
{ text: "View Our Work", href: "#work" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -250,15 +315,17 @@ export default function WebAgency2Page() {
|
||||
copyrightText="© 2026 | Webild"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/#about" },
|
||||
{ label: "Services", href: "/#services" },
|
||||
{ label: "Work", href: "/#work" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Work", href: "#work" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Web Development", href: "#" },
|
||||
{ label: "SEO", href: "#" },
|
||||
{ label: "Branding", href: "#" },
|
||||
@@ -266,7 +333,8 @@ export default function WebAgency2Page() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
@@ -278,4 +346,4 @@ export default function WebAgency2Page() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,105 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { ArrowUpRight } from "lucide-react";
|
||||
|
||||
export default function PortfolioProjectsPage() {
|
||||
const navItems = [
|
||||
{ name: "Portfolio", href: "/portfolio" },
|
||||
{ name: "Services", href: "/#services" },
|
||||
{ name: "About", href: "/#about" },
|
||||
{ name: "Contact", href: "/#contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={navItems}
|
||||
button={{ text: "Get Started", href: "/#contact" }}
|
||||
/>
|
||||
<FeatureCardTwentySix
|
||||
title="Our Portfolio"
|
||||
description="Explore our award-winning web design and development projects and case studies."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[]}
|
||||
buttonAnimation="slide-up"
|
||||
cardClassName="!h-auto aspect-video"
|
||||
features={[
|
||||
{
|
||||
title: "Daily Life App", description: "Intuitive UI/UX for a productivity app. Focused on user-centric design and seamless functionality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "Daily Life App UI/UX Design", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Luxuria Travel", description: "Bespoke luxury travel platform redesign. Enhanced user journey and visual appeal to boost conversions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "Luxuria Travel Website", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "AI Product Builder", description: "Innovative platform for AI-powered product creation. Designed for scalability and ease of use.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp", imageAlt: "AI Product Builder UI", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "SaaS Platform UI", description: "Streamlined interface for a B2B SaaS solution. Optimized for complex data visualization and workflow.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "SaaS Platform UI", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Dental Practice Website", description: "Modern web presence for a premium dental clinic. Improved patient engagement and appointment booking.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "Dental Practice Website", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Luminé Skincare E-commerce", description: "Elegant online store for a luxury skincare brand. Crafted for a premium shopping experience and brand identity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "Luminé Skincare E-commerce", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Online Courses Platform", description: "Engaging UX for a comprehensive e-learning platform. Designed for intuitive navigation and content consumption.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp", imageAlt: "Online Courses Platform UI", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "AI Automation Dashboard", description: "Sophisticated dashboard for AI-driven automation. Providing real-time insights and control.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-8.webp", imageAlt: "AI Automation Dashboard", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
]}
|
||||
/>
|
||||
<FooterBase
|
||||
logoText="Webild"
|
||||
copyrightText="© 2026 | Webild"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/#about" },
|
||||
{ label: "Services", href: "/#services" },
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
{ label: "Contact", href: "/#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Web Development", href: "#" },
|
||||
{ label: "SEO", href: "#" },
|
||||
{ label: "Branding", href: "#" },
|
||||
{ label: "UI/UX Design", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Dribbble", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -1,124 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
||||
import FeatureCardTwentyNine from "@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Check, Code, Paintbrush, Megaphone, Laptop, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
const navItems = [
|
||||
{ name: "Work", href: "/#work" },
|
||||
{ name: "Services", href: "/services" },
|
||||
{ name: "About", href: "/#about" },
|
||||
{ name: "Contact", href: "/#contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={navItems}
|
||||
button={{ text: "Get Started", href: "/#contact" }}
|
||||
/>
|
||||
|
||||
<div id="services-offerings" data-section="services-offerings">
|
||||
<FeatureCardTwentyNine
|
||||
tag="What We Do"
|
||||
title="Our Service Offerings"
|
||||
description="Discover how we can help your business thrive with our comprehensive suite of digital solutions."
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Web Design & Development", description: "Crafting visually stunning and highly functional websites tailored to your brand's unique identity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Web Design & Development", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", buttonText: "Learn More", buttonHref: "/#contact"},
|
||||
{
|
||||
title: "Search Engine Optimization (SEO)", description: "Enhancing your online visibility to rank higher in search results and drive organic traffic to your site.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp", imageAlt: "Search Engine Optimization", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp", buttonText: "Learn More", buttonHref: "/#contact"},
|
||||
{
|
||||
title: "Brand Identity & Strategy", description: "Developing a cohesive and memorable brand identity that resonates with your target audience and market.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "Brand Identity & Strategy", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", buttonText: "Learn More", buttonHref: "/#contact"},
|
||||
{
|
||||
title: "UI/UX Design", description: "Designing intuitive and engaging user interfaces that provide seamless and enjoyable user experiences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "UI/UX Design", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", buttonText: "Learn More", buttonHref: "/#contact"},
|
||||
{
|
||||
title: "Content Creation & Marketing", description: "Crafting compelling content and strategic marketing campaigns to captivate your audience and grow your brand.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp", imageAlt: "Content Creation & Marketing", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp", buttonText: "Learn More", buttonHref: "/#contact"},
|
||||
{
|
||||
title: "E-commerce Solutions", description: "Building robust and scalable online stores that drive sales and provide a smooth shopping experience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp", imageAlt: "E-commerce Solutions", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp", buttonText: "Learn More", buttonHref: "/#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing-tiers" data-section="pricing-tiers">
|
||||
<PricingCardNine
|
||||
tag="Our Plans"
|
||||
title="Simple & Transparent Pricing"
|
||||
description="Choose the plan that best fits your business needs. No hidden fees, just clear value."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "starter", title: "Starter", price: "$999", period: "one-time", features: [
|
||||
"Basic Website Design", "5 Page Limit", "Responsive Development", "Basic SEO Setup", "2 Weeks Support"],
|
||||
button: { text: "Get Started", href: "/#contact" },
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-9.webp", imageAlt: "Starter Plan"},
|
||||
{
|
||||
id: "professional", title: "Professional", price: "$2499", period: "one-time", features: [
|
||||
"Custom Website Design", "Up to 15 Pages", "Advanced SEO Optimization", "Content Integration", "1 Month Premium Support", "Analytics Setup"],
|
||||
button: { text: "Choose Plan", href: "/#contact" },
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "Professional Plan"},
|
||||
{
|
||||
id: "enterprise", title: "Enterprise", price: "Custom", period: "quote", features: [
|
||||
"Bespoke Design & Development", "Unlimited Pages", "Full SEO Strategy", "E-commerce Integration", "Dedicated Account Manager", "Ongoing Maintenance", "Custom Features"],
|
||||
button: { text: "Contact for Quote", href: "/#contact" },
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "Enterprise Plan"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterBase
|
||||
logoText="Webild"
|
||||
copyrightText="© 2026 | Webild"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/#about" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Work", href: "/#work" },
|
||||
{ label: "Contact", href: "/#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Web Development", href: "/services" },
|
||||
{ label: "SEO", href: "/services" },
|
||||
{ label: "Branding", href: "/services" },
|
||||
{ label: "UI/UX Design", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Dribbble", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user