Initial commit

2026-03-03 05:52:30 +00:00
commit ad8814b94c
631 changed files with 83651 additions and 0 deletions
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -0,0 +1,100 @@
+"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",
+              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",
+              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",
+              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>
+  );
+}