100 lines
4.1 KiB
TypeScript
100 lines
4.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import Link from "next/link";
|
|
import { Rocket, Mail } from "lucide-react";
|
|
|
|
export default function ServicesPage() {
|
|
const navItems = [
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "About", id: "about" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="grid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="OakCraft Digital"
|
|
navItems={navItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSeven
|
|
title="Our Services"
|
|
description="We offer comprehensive web development and design solutions tailored to your business needs."
|
|
tag="What We Offer"
|
|
tagIcon={Rocket}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Custom Web Development",
|
|
description: "Full-stack web applications built with modern technologies. React, Node.js, Next.js - we use the best tools for your project.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFg8RdJJCfHIKkdKyz1yrAP8o/close-up-of-a-developer-writing-clean-mo-1772517081940-f9b2063a.png?_wi=2",
|
|
imageAlt: "Custom web development",
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "UI/UX Design",
|
|
description: "Beautiful, intuitive interfaces that users love. We combine aesthetics with functionality to create engaging experiences.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFg8RdJJCfHIKkdKyz1yrAP8o/designer-working-on-ui-ux-design-in-figm-1772517082218-c29d6496.png?_wi=2",
|
|
imageAlt: "UI/UX design process",
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "E-Commerce Solutions",
|
|
description: "Secure, scalable online stores that convert. Complete setup from product catalog to payment integration.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFg8RdJJCfHIKkdKyz1yrAP8o/modern-e-commerce-storefront-interface-d-1772517082364-f0573add.png?_wi=2",
|
|
imageAlt: "E-commerce platform",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
title="Ready to Start Your Project?"
|
|
description="Contact us today to discuss your service needs. Our team will help you find the perfect solution for your business goals."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Send Message"
|
|
termsText="We respect your privacy. Your information will only be used to contact you about your project."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="OakCraft Digital"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |