Add src/app/services/page.tsx

2026-04-19 08:26:33 +00:00
parent 4b2f29d0c2
commit 5e44ee2e14
1 changed files with 109 additions and 0 deletions
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="largeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/#products" },
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/#about" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Angel Gifts"
+          />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+            <PricingCardThree
+                title="Our Services"
+                description="Premium gift curation packages for every occasion."
+                animationType="slide-up"
+                textboxLayout="default"
+                useInvertedBackground={false}
+                plans={[
+                    { id: "s1", name: "Personal Curation", price: "$50", buttons: [{ text: "Get Started" }], features: ["Personal styling", "Gift recommendation", "Custom note"] },
+                    { id: "s2", name: "Corporate Concierge", price: "$250", buttons: [{ text: "Enquire" }], features: ["Bulk discounts", "Branded packaging", "Priority shipping"] },
+                    { id: "s3", name: "Luxury Events", price: "$500", buttons: [{ text: "Consult Now" }], features: ["Event decor", "On-site setup", "Full customization"] }
+                ]}
+            />
+        </div>
+
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardSix 
+                animationType="slide-up"
+                textboxLayout="default"
+                useInvertedBackground={true}
+                title="Client Success Stories"
+                description="Hear how our services helped make moments unforgettable."
+                testimonials={[
+                    { id: "t1", name: "Alice", handle: "@alice_r", testimonial: "The corporate concierge service was flawless!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWg39oqbBQKGdAu0sqb3l1hJJv/uploaded-1776587168017-o2kwrya6.jpg" },
+                    { id: "t2", name: "Bob", handle: "@bob_d", testimonial: "Everything was handled perfectly, highly recommended!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWg39oqbBQKGdAu0sqb3l1hJJv/uploaded-1776587168017-6mjmpdah.jpg" }
+                ]}
+            />
+        </div>
+
+        <div id="faq" data-section="faq">
+            <FaqSplitMedia
+                title="Common Queries"
+                description="Get all your questions answered about our service packages."
+                faqsAnimation="slide-up"
+                textboxLayout="default"
+                useInvertedBackground={false}
+                imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWg39oqbBQKGdAu0sqb3l1hJJv/uploaded-1776587168017-0rqbu4ds.jpg"
+                faqs={[
+                    { id: "f1", title: "Can I cancel a service?", content: "Yes, up to 48 hours before the event." },
+                    { id: "f2", title: "Is international shipping available?", content: "Currently we only ship domestically." }
+                ]}
+            />
+        </div>
+
+        <div id="contact" data-section="contact">
+            <ContactSplitForm 
+                title="Book a Service"
+                description="Fill the form below to get started with our expert team."
+                useInvertedBackground={true}
+                imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWg39oqbBQKGdAu0sqb3l1hJJv/uploaded-1776587168018-yp09a55i.jpg"
+                inputs={[
+                    { name: "name", type: "text", placeholder: "Full Name", required: true },
+                    { name: "email", type: "email", placeholder: "Email Address", required: true }
+                ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+             <FooterLogoEmphasis
+              columns={[
+                { items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
+                { items: [{ label: "Contact", href: "/#contact" }] }
+              ]}
+              logoText="Angel Gifts"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}