Add src/app/contact/page.tsx

2026-05-26 03:24:57 +00:00
parent 89c8485eee
commit df95b6da5b
1 changed files with 135 additions and 0 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,135 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ContactPage() {
+  const navItems = [
+    { name: "Home", id: "/#hero" },
+    { name: "About", id: "/#about" },
+    { name: "How It Works", id: "/#features" },
+    { name: "Leaderboard", id: "/#products" },
+    { name: "Player Reviews", id: "/#testimonials" },
+    { name: "FAQ", id: "/#faq" },
+    { name: "Contact", id: "/contact" }
+  ];
+
+  const navbarButton = {
+    text: "Start Predicting",    href: "/contact"
+  };
+
+  const footerColumns = [
+    {
+      title: "Company",      items: [
+        { label: "About Us", href: "/#about" },
+        { label: "Contact Us", href: "/contact" },
+        { label: "Privacy Policy", href: "#" }
+      ]
+    },
+    {
+      title: "Game",      items: [
+        { label: "How It Works", href: "/#features" },
+        { label: "Leaderboard", href: "/#products" },
+        { label: "Rules", href: "/#features" }
+      ]
+    },
+    {
+      title: "Support",      items: [
+        { label: "FAQ", href: "/#faq" },
+        { label: "Support", href: "/contact" },
+        { label: "Terms of Service", href: "#" }
+      ]
+    }
+  ];
+
+  const testimonialsData = [
+    {
+      id: "t1",      name: "Ahmed Khan",      role: "Avid Fan",      company: "Football Enthusiast",      rating: 5,
+      imageSrc: "https://img.b2bpic.net/free-photo/young-dark-haired-man-smiling-posing_1407314.jpg?_wi=1"
+    },
+    {
+      id: "t2",      name: "Maria Silva",      role: "Casual Player",      company: "Prediction Rookie",      rating: 5,
+      imageSrc: "https://img.b2bpic.net/free-photo/young-happy-brunette-girl-denim-jacket_1407315.jpg?_wi=1"
+    },
+    {
+      id: "t3",      name: "Chris Lee",      role: "Stats Guru",      company: "Analyst by Heart",      rating: 5,
+      imageSrc: "https://img.b2bpic.net/free-photo/young-african-american-man-isolated-blue-background_1407316.jpg?_wi=1"
+    },
+    {
+      id: "t4",      name: "Sophie Dubois",      role: "Friendly Competitor",      company: "Team Captain",      rating: 4,
+      imageSrc: "https://img.b2bpic.net/free-photo/cheerful-brunette-female-isolated_1407317.jpg?_wi=1"
+    },
+    {
+      id: "t5",      name: "Leo Messi",      role: "Legendary Player",      company: "Argentina National Team",      rating: 5,
+      imageSrc: "https://img.b2bpic.net/free-photo/messi-ball_1407318.jpg?_wi=1",      imageAlt: "Leo Messi testimonial"
+    }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="smallMedium"
+      sizing="largeSmallSizeMediumTitles"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={navItems}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qumeee"
+            logoAlt="World Cup Predictor Logo"
+            brandName="World Cup Predictor"
+            button={navbarButton}
+          />
+        </div>
+
+        <div id="contact-details" data-section="contact-details">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Contact & Bookings"
+            title="Book Your Consultation or Reach Out"
+            description="For appointments and inquiries, please call us at 0312 3999509. You can also send us a message through the form below, and we'll get back to you promptly."
+            inputPlaceholder="Your Email"
+            buttonText="Send Inquiry"
+            termsText="By sending an inquiry you're confirming that you agree with our Terms and Conditions."
+          />
+        </div>
+        
+        <div id="customer-reviews" data-section="customer-reviews">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            testimonials={testimonialsData}
+            title="What Our Clients Say"
+            description="Hear from our satisfied customers about their experience."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            videoSrc="https://img.b2bpic.net/free-photo/soccer-ball-football-stadium-grass_1407254.jpg?_wi=1"
+            videoAriaLabel="Abstract football stadium background video"
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg"
+            logoAlt="World Cup Predictor Logo"
+            logoText="World Cup Predictor"
+            columns={footerColumns}
+            copyrightText="© 2024 World Cup Predictor | All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}