Initial commit
This commit is contained in:
165
src/app/services/page.tsx
Normal file
165
src/app/services/page.tsx
Normal file
@@ -0,0 +1,165 @@
|
||||
"use client";
|
||||
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Zap } from 'lucide-react';
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="sharp"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Webild Studio"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Work", id: "/work" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSeven
|
||||
title="Premium Digital Solutions"
|
||||
description="From strategy to execution, we deliver comprehensive digital services that drive measurable results and elevate your brand presence."
|
||||
tag="Our Expertise"
|
||||
tagIcon={Zap}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Web Design & Development",
|
||||
description: "Beautiful, responsive websites built with cutting-edge technology and optimized for performance, conversion, and user experience. We focus on creating digital experiences that captivate and convert.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833348.jpg",
|
||||
imageAlt: "Web design showcase"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Brand Strategy & Identity",
|
||||
description: "Strategic brand positioning, visual identity design, and creative campaigns that resonate with your target audience. We help you tell your story in a way that matters.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg",
|
||||
imageAlt: "Brand identity design"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Mobile App Development",
|
||||
description: "Native and cross-platform mobile applications with intuitive interfaces and seamless functionality for iOS and Android. Built for scale and performance.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29668.jpg",
|
||||
imageAlt: "Mobile app development"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Digital Marketing & SEO",
|
||||
description: "Data-driven marketing strategies including SEO, content marketing, and paid advertising to amplify your digital presence and drive qualified traffic.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/empty-home-setup-desk-filled-with-documents-financial-reports_482257-100068.jpg",
|
||||
imageAlt: "Digital marketing strategy"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<TestimonialCardTen
|
||||
title="Client Success Stories"
|
||||
description="See how our strategic approach and premium execution drive exceptional results for our partners."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "450% increase in qualified leads",
|
||||
quote: "The redesigned website and digital marketing strategy delivered by Webild Studio exceeded all our expectations. Our lead quality improved dramatically.",
|
||||
name: "David Park",
|
||||
role: "Chief Product Officer, InnovateCo",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
|
||||
imageAlt: "David Park CPO portrait"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Brand transformation that converted",
|
||||
quote: "Our new brand identity and website drove a 300% increase in engagement. The strategic thinking behind every decision was evident in the results.",
|
||||
name: "Amelia Foster",
|
||||
role: "Founder, Luxe Brands",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg",
|
||||
imageAlt: "Amelia Foster founder portrait"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to elevate your digital presence? Let's discuss how our services can transform your business."
|
||||
animationType="background-highlight"
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[
|
||||
{ text: "Start Your Project", href: "/contact" },
|
||||
{ text: "View Our Work", href: "/work" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Webild Studio"
|
||||
copyrightText="© 2025 Webild Studio. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Web Design", href: "/services" },
|
||||
{ label: "Development", href: "/services" },
|
||||
{ label: "Strategy", href: "/services" },
|
||||
{ label: "Marketing", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Work", href: "/work" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Case Studies", href: "/case-studies" },
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
{ label: "Insights", href: "/insights" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Email", href: "mailto:hello@webild.studio" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user