Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
98
src/app/about/page.tsx
Normal file
98
src/app/about/page.tsx
Normal file
@@ -0,0 +1,98 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||||
|
import TextAbout from "@/components/sections/about/TextAbout";
|
||||||
|
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
||||||
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||||
|
import { Sparkles } 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: "Home", href: "/" },
|
||||||
|
{ name: "Work", href: "/#work" },
|
||||||
|
{ name: "Services", href: "/#services" },
|
||||||
|
{ name: "About", href: "/about" },
|
||||||
|
{ name: "Contact", href: "/contact" }
|
||||||
|
]}
|
||||||
|
button={{ text: "Get Started", href: "/contact" }}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<TextAbout
|
||||||
|
tag="Our Story"
|
||||||
|
title="Crafting Digital Excellence Since 2018"
|
||||||
|
buttons={[
|
||||||
|
{ text: "View Our Work", href: "/#work" },
|
||||||
|
{ text: "Contact Us", href: "/contact" }
|
||||||
|
]}
|
||||||
|
useInvertedBackground={false}
|
||||||
|
description="Webild is a passionate team of digital innovators dedicated to building exceptional online experiences. Since 2018, we've partnered with businesses of all sizes to design, develop, and launch websites that not only look stunning but also drive tangible results. We believe in the power of a strong online presence to transform brands and connect them with their audience effectively."
|
||||||
|
/>
|
||||||
|
|
||||||
|
<TeamCardOne
|
||||||
|
title="Meet Our Talented Team"
|
||||||
|
description="Dedicated to bringing your vision to life with creativity and expertise."
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
animationType="slide-up"
|
||||||
|
gridVariant="uniform-all-items-equal"
|
||||||
|
members={[
|
||||||
|
{ id: "1", name: "Sarah Miller", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Sarah Miller" },
|
||||||
|
{ id: "2", name: "Valentina Reyes", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "Valentina Reyes" },
|
||||||
|
{ id: "3", name: "Carlos Mendoza", role: "UX Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Carlos Mendoza" },
|
||||||
|
{ id: "4", name: "Emily Chen", role: "Marketing Strategist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-4.webp", imageAlt: "Emily Chen" },
|
||||||
|
{ id: "5", name: "David Lee", role: "Project Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-5.webp", imageAlt: "David Lee" }
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<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: "/#" },
|
||||||
|
{ 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>
|
||||||
|
);
|
||||||
|
}
|
||||||
81
src/app/contact/page.tsx
Normal file
81
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,81 @@
|
|||||||
|
"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 FooterBase from "@/components/sections/footer/FooterBase";
|
||||||
|
|
||||||
|
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: "Home", href: "/" },
|
||||||
|
{ 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"
|
||||||
|
title="Let's Start Your Next Project"
|
||||||
|
description="Tell us about your ideas, and we'll help you bring them to life. Reach out today for a consultation."
|
||||||
|
background={{ variant: "rotated-rays-animated" }}
|
||||||
|
mediaPosition="right"
|
||||||
|
buttonText="Send Message"
|
||||||
|
inputPlaceholder="Your Email Address"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
onSubmit={(email) => console.log("Contact form submitted with email:", email)}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<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: "/#" },
|
||||||
|
{ 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>
|
||||||
|
);
|
||||||
|
}
|
||||||
268
src/app/page.tsx
268
src/app/page.tsx
@@ -33,181 +33,129 @@ export default function WebAgency2Page() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
brandName="Webild"
|
brandName="Webild"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Work", id: "work" },
|
{ name: "Práca", id: "work" },
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Služby", id: "services" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "O nás", id: "about" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Kontakt", id: "contact" },
|
||||||
]}
|
]}
|
||||||
button={{ text: "Get Started", href: "#contact" }}
|
button={{ text: "Začať", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
title="We Build Digital Experiences"
|
title="Tvoríme digitálne zážitky"
|
||||||
description="Transform your brand with cutting-edge web design and development. We craft stunning websites that convert visitors into customers."
|
description="Premeňte svoju značku s najmodernejším webovým dizajnom a vývojom. Vytvárame úchvatné webové stránky, ktoré premieňajú návštevníkov na zákazníkov."
|
||||||
tag="Award-Winning Agency"
|
tag="Ocenená agentúra"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
background={{ variant: "canvas-reveal" }}
|
background={{ variant: "canvas-reveal" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Start Project", href: "#contact" },
|
{ text: "Začať projekt", href: "#contact" },
|
||||||
{ text: "View Work", href: "#work" },
|
{ text: "Zobraziť prácu", href: "#work" },
|
||||||
]}
|
]}
|
||||||
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", imageAlt: "UI UX Dizajn - Aplikácia Daily Life" },
|
||||||
{ 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", imageAlt: "UI UX Dizajn - SaaS platforma" },
|
||||||
{ 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 Dizajn - Luminé starostlivosť o pleť" },
|
||||||
{ 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 Dizajn - Online kurzy" },
|
||||||
{ 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 Dizajn - Biznis kouč" },
|
||||||
]}
|
]}
|
||||||
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", imageAlt: "UI UX Dizajn - Cestovanie Luxuria" },
|
||||||
{ 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 Dizajn - Zubná prax" },
|
||||||
{ 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 Dizajn - AI tvorca produktov" },
|
||||||
{ 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 Dizajn - AI automatizácia" },
|
||||||
]}
|
]}
|
||||||
carouselItemClassName="!aspect-[4/5]"
|
carouselItemClassName="!aspect-[4/5]"
|
||||||
/>
|
/>
|
||||||
<FeatureBento
|
<FeatureBento
|
||||||
title="Our Services"
|
title="Naše služby"
|
||||||
description="We offer a full suite of digital services to help your brand stand out online."
|
description="Ponúkame kompletnú sadu digitálnych služieb, ktoré pomôžu vašej značke vyniknúť online."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
buttons={[{ text: "All Services", href: "#services" }]}
|
buttons={[{ text: "Všetky služby", href: "#services" }]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "SEO",
|
title: "SEO", description: "Optimalizujeme vašu webovú stránku, aby sa umiestnila vyššie vo vyhľadávačoch a generovala organickú návštevnosť.", bentoComponent: "marquee", centerIcon: Search,
|
||||||
description: "We optimize your website to rank higher on search engines and drive organic traffic.",
|
variant: "text", texts: ["Kľúčové slová", "Spätné odkazy", "Meta tagy", "Organická návštevnosť", "Poradie", "Analytika", "SERP", "Indexovanie"],
|
||||||
bentoComponent: "marquee",
|
|
||||||
centerIcon: Search,
|
|
||||||
variant: "text",
|
|
||||||
texts: ["Keywords", "Backlinks", "Meta Tags", "Organic Traffic", "Rankings", "Analytics", "SERP", "Indexing"],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Web Development",
|
title: "Vývoj webu", description: "Webové stránky na mieru, ktoré sú rýchle, responzívne a navrhnuté na konverziu.", bentoComponent: "media-stack", items: [
|
||||||
description: "Custom-built websites that are fast, responsive, and designed to convert.",
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Webový projekt - Platforma AgentFlow AI" },
|
||||||
bentoComponent: "media-stack",
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Webový projekt - Architektonické štúdio" },
|
||||||
items: [
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp", imageAlt: "Webový projekt - Summit Roofing" },
|
||||||
{ 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",
|
title: "Budovanie značky", description: "Vytvorte si zapamätateľnú identitu značky, ktorá osloví vaše publikum.", 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", imageAlt: "Projekt značky 1" },
|
||||||
bentoComponent: "media-stack",
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "Projekt značky 2" },
|
||||||
items: [
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "Projekt značky 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" },
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
<FeatureCardTwentySix
|
<FeatureCardTwentySix
|
||||||
title="Our Work"
|
title="Naša práca"
|
||||||
description="A selection of projects we've crafted for clients across industries."
|
description="Výber projektov, ktoré sme vytvorili pre klientov naprieč odvetviami."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
buttons={[{ text: "View All Work", href: "#work" }]}
|
buttons={[{ text: "Zobraziť všetky práce", href: "#work" }]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
cardClassName="!h-auto aspect-video"
|
cardClassName="!h-auto aspect-video"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Umbra Skincare",
|
title: "Umbra Skincare", description: "Luxusný e-commerce s vôňami", 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: "Luxusné cestovné zážitky na mieru", 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: "Špičková zubná prax", 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: "Profesionálne strešné služby", 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: "Ponuky luxusných nehnuteľností", 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
|
||||||
title="Our Promise"
|
title="Náš sľub"
|
||||||
description="We deliver results that speak for themselves."
|
description="Prinášame výsledky, ktoré hovoria samy za seba."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "All Devices Optimization",
|
title: "Optimalizácia pre všetky zariadenia", description: "Pixelovo dokonalé webové stránky, ktoré vyzerajú úžasne na každej veľkosti obrazovky a zariadení.", 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: "Kontrola responzivity", alertMessage: "Všetky breakpointy prešli", apps: [
|
||||||
alertMessage: "All breakpoints passed",
|
{ name: "Telefón", icon: Phone },
|
||||||
apps: [
|
|
||||||
{ name: "Phone", icon: Phone },
|
|
||||||
{ name: "SMS", icon: MessageCircle },
|
{ name: "SMS", icon: MessageCircle },
|
||||||
{ name: "Books", icon: BookOpen },
|
{ name: "Knihy", icon: BookOpen },
|
||||||
{ name: "TV", icon: Tv },
|
{ name: "TV", icon: Tv },
|
||||||
{ name: "Camera", icon: Camera },
|
{ name: "Kamera", icon: Camera },
|
||||||
{ name: "Music", icon: Music },
|
{ name: "Hudba", icon: Music },
|
||||||
{ name: "Settings", icon: Settings },
|
{ name: "Nastavenia", icon: Settings },
|
||||||
{ name: "Chat", icon: MessageCircle },
|
{ name: "Chat", icon: MessageCircle },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Secure Hosting",
|
title: "Bezpečný hosting", description: "Zabezpečenie na podnikovej úrovni a 99,9% dostupnosť pre vašu webovú stránku.", 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: "Rýchle dodanie", description: "Od konceptu po spustenie v rekordnom čase bez obetovania kvality.", bentoComponent: "timeline", heading: "Spustenie projektu", subheading: "Týždeň 1", items: [
|
||||||
description: "From concept to launch in record time without sacrificing quality.",
|
{ label: "Objavovanie a wireframes", detail: "Deň 1-3" },
|
||||||
bentoComponent: "timeline",
|
{ label: "Návrh a vývoj", detail: "Deň 4-10" },
|
||||||
heading: "Project Launch",
|
{ label: "Testovanie a nasadenie", detail: "Deň 11-14" },
|
||||||
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: "Spustené"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Seamless Integrations",
|
title: "Bezproblémové integrácie", description: "Spojte sa s nástrojmi, ktoré už používate — CRM, analytika, platby a ďalšie.", 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,16 +164,13 @@ export default function WebAgency2Page() {
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Growth Trends",
|
title: "Rastové trendy", description: "Dátami podložené poznatky na optimalizáciu vašej prítomnosti vo vyhľadávaní a zvýšenie návštevnosti.", bentoComponent: "line-chart"},
|
||||||
description: "Data-driven insights to optimize your search presence and drive traffic.",
|
|
||||||
bentoComponent: "line-chart",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
<TestimonialCardFifteen
|
<TestimonialCardFifteen
|
||||||
testimonial="Webild completely transformed our online presence. The team delivered a stunning website that exceeded our expectations and doubled our conversion rate."
|
testimonial="Webild úplne premenil našu online prítomnosť. Tím dodal úchvatnú webovú stránku, ktorá prekonala naše očakávania a zdvojnásobila mieru konverzie."
|
||||||
rating={5}
|
rating={5}
|
||||||
author="— Maria Santos, CEO at Luxuria Travel"
|
author="— Maria Santos, CEO Luxuria Travel"
|
||||||
avatars={[
|
avatars={[
|
||||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", alt: "Client" },
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", alt: "Client" },
|
||||||
]}
|
]}
|
||||||
@@ -234,78 +179,68 @@ export default function WebAgency2Page() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
<MetricCardOne
|
<MetricCardOne
|
||||||
title="Trusted by Industry Leaders"
|
title="Dôverujú nám lídri v odvetví"
|
||||||
description="Years of experience building digital products that drive real results."
|
description="Dlhoročné skúsenosti s tvorbou digitálnych produktov, ktoré prinášajú skutočné výsledky."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
metrics={[
|
metrics={[
|
||||||
{ id: "projects", value: "100+", title: "Projects", description: "Successfully delivered across all industries", icon: Award },
|
{ id: "projects", value: "100+", title: "Projekty", description: "Úspešne dodané vo všetkých odvetviach", icon: Award },
|
||||||
{ id: "satisfaction", value: "99%", title: "Satisfaction", description: "Client satisfaction rate and counting", icon: Users },
|
{ id: "satisfaction", value: "99%", title: "Spokojnosť", description: "Miera spokojnosti klientov a rastie", icon: Users },
|
||||||
{ id: "years", value: "8+", title: "Years", description: "Of crafting exceptional digital experiences", icon: TrendingUp },
|
{ id: "years", value: "8+", title: "Roky", description: "Tvorby výnimočných digitálnych zážitkov", icon: TrendingUp },
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
<FeatureCardSixteen
|
<FeatureCardSixteen
|
||||||
title="Why Choose Webild"
|
title="Prečo si vybrať Webild"
|
||||||
description="See the difference a professional web agency makes."
|
description="Pozrite sa, aký rozdiel robí profesionálna webová agentúra."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
negativeCard={{
|
negativeCard={{
|
||||||
items: [
|
items: [
|
||||||
"Generic templates with no personality",
|
"Generické šablóny bez osobitosti", "Pomalé časy načítania a nízky výkon", "Žiadna SEO stratégia ani viditeľnosť vo vyhľadávaní", "Zastaraný dizajn, ktorý poškodzuje dôveryhodnosť", "Žiadna priebežná podpora po spustení"],
|
||||||
"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",
|
"Vlastné návrhy prispôsobené vašej značke", "Bleskurýchly výkon na všetkých zariadeniach", "Vstavané SEO na zvýšenie organickej návštevnosti", "Moderný dizajn, ktorý buduje dôveru", "Vyhradená podpora a údržba"],
|
||||||
"Lightning-fast performance on all devices",
|
|
||||||
"Built-in SEO to drive organic traffic",
|
|
||||||
"Modern design that builds trust",
|
|
||||||
"Dedicated support and maintenance",
|
|
||||||
],
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<TeamCardFive
|
<TeamCardFive
|
||||||
title="Meet the Team"
|
title="Spoznajte tím"
|
||||||
description="The creative minds behind your next project."
|
description="Kreatívne mysle za vaším ďalším projektom."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
mediaClassName="object-[65%_center]"
|
mediaClassName="object-[65%_center]"
|
||||||
team={[
|
team={[
|
||||||
{ id: "1", name: "Sarah Miller", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Sarah Miller" },
|
{ id: "1", name: "Sarah Miller", role: "Hlavná vývojárka", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Sarah Miller" },
|
||||||
{ id: "2", name: "Valentina Reyes", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "Valentina Reyes" },
|
{ id: "2", name: "Valentina Reyes", role: "Kreatívna riaditeľka", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "Valentina Reyes" },
|
||||||
{ id: "3", name: "Carlos Mendoza", role: "UX Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Carlos Mendoza" },
|
{ id: "3", name: "Carlos Mendoza", role: "UX Dizajnér", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Carlos Mendoza" },
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
<FaqBase
|
<FaqBase
|
||||||
title="Frequently Asked Questions"
|
title="Často kladené otázky"
|
||||||
description="Everything you need to know about working with us."
|
description="Všetko, čo potrebujete vedieť o spolupráci s nami."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
faqs={[
|
faqs={[
|
||||||
{ id: "1", title: "How long does a typical project take?", content: "Most projects are completed within 2-4 weeks depending on scope and complexity. We'll provide a detailed timeline during our initial consultation." },
|
{ id: "1", title: "Ako dlho trvá typický projekt?", content: "Väčšina projektov je dokončená do 2-4 týždňov v závislosti od rozsahu a zložitosti. Podrobný harmonogram vám poskytneme počas úvodnej konzultácie." },
|
||||||
{ id: "2", title: "What is your pricing structure?", content: "We offer project-based pricing tailored to your needs. Every project includes design, development, SEO optimization, and post-launch support." },
|
{ id: "2", title: "Aká je vaša cenová štruktúra?", content: "Ponúkame projektové ceny prispôsobené vašim potrebám. Každý projekt zahŕňa návrh, vývoj, SEO optimalizáciu a popredajnú podporu." },
|
||||||
{ id: "3", title: "Do you offer ongoing maintenance?", content: "Yes! We provide ongoing support and maintenance packages to keep your website updated, secure, and performing at its best." },
|
{ id: "3", title: "Ponúkate priebežnú údržbu?", content: "Áno! Poskytujeme priebežnú podporu a balíčky údržby, aby bola vaša webová stránka aktualizovaná, bezpečná a fungovala čo najlepšie." },
|
||||||
{ id: "4", title: "Can you redesign my existing website?", content: "Absolutely. We specialize in website redesigns that modernize your brand while preserving your existing content and SEO rankings." },
|
{ id: "4", title: "Môžete prepracovať moju existujúcu webovú stránku?", content: "Samozrejme. Špecializujeme sa na redizajn webových stránok, ktoré modernizujú vašu značku a zároveň zachovávajú váš existujúci obsah a SEO pozície." },
|
||||||
{ id: "5", title: "What technologies do you use?", content: "We build with modern technologies including Next.js, React, and Tailwind CSS to ensure fast, scalable, and maintainable websites." },
|
{ id: "5", title: "Aké technológie používate?", content: "Staváme s modernými technológiami vrátane Next.js, React a Tailwind CSS, aby sme zabezpečili rýchle, škálovateľné a udržiavateľné webové stránky." },
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
tag="Get in Touch"
|
tag="Ozvite sa"
|
||||||
title="Ready to Transform Your Digital Presence?"
|
title="Pripravení transformovať svoju digitálnu prítomnosť?"
|
||||||
description="Let's build something extraordinary together. Get in touch and let's discuss your next project."
|
description="Poďme spoločne vytvoriť niečo mimoriadne. Ozvite sa a prediskutujme váš ďalší projekt."
|
||||||
background={{ variant: "rotated-rays-animated" }}
|
background={{ variant: "rotated-rays-animated" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Start Your Project", href: "#contact" },
|
{ text: "Začať váš projekt", href: "#contact" },
|
||||||
{ text: "View Our Work", href: "#work" },
|
{ text: "Zobraziť našu prácu", href: "#work" },
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
@@ -315,26 +250,23 @@ export default function WebAgency2Page() {
|
|||||||
copyrightText="© 2026 | Webild"
|
copyrightText="© 2026 | Webild"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Spoločnosť", items: [
|
||||||
items: [
|
{ label: "O nás", href: "#about" },
|
||||||
{ label: "About", href: "#about" },
|
{ label: "Služby", href: "#services" },
|
||||||
{ label: "Services", href: "#services" },
|
{ label: "Práca", href: "#work" },
|
||||||
{ label: "Work", href: "#work" },
|
{ label: "Kontakt", href: "#contact" },
|
||||||
{ label: "Contact", href: "#contact" },
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Služby", items: [
|
||||||
items: [
|
{ label: "Vývoj webu", href: "#" },
|
||||||
{ label: "Web Development", href: "#" },
|
|
||||||
{ label: "SEO", href: "#" },
|
{ label: "SEO", href: "#" },
|
||||||
{ label: "Branding", href: "#" },
|
{ label: "Budovanie značky", href: "#" },
|
||||||
{ label: "UI/UX Design", href: "#" },
|
{ label: "UI/UX Dizajn", href: "#" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect",
|
title: "Spojiť sa", items: [
|
||||||
items: [
|
|
||||||
{ label: "Twitter", href: "#" },
|
{ label: "Twitter", href: "#" },
|
||||||
{ label: "LinkedIn", href: "#" },
|
{ label: "LinkedIn", href: "#" },
|
||||||
{ label: "Instagram", href: "#" },
|
{ label: "Instagram", href: "#" },
|
||||||
|
|||||||
Reference in New Issue
Block a user