Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
22
src/app/dashboard/page.tsx
Normal file
22
src/app/dashboard/page.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
|
||||
export default function DashboardPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<div className="p-8">
|
||||
<h1 className="text-3xl font-bold mb-8">Dashboard</h1>
|
||||
<div className="grid gap-8">
|
||||
<section className="p-6 border rounded-lg">
|
||||
<h2 className="text-xl font-bold mb-4">Order History</h2>
|
||||
<div className="text-sm text-gray-500">No orders found.</div>
|
||||
</section>
|
||||
<section className="p-6 border rounded-lg">
|
||||
<h2 className="text-xl font-bold mb-4">Upload Payment Confirmation</h2>
|
||||
<input type="file" className="block w-full text-sm" />
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
20
src/app/login/page.tsx
Normal file
20
src/app/login/page.tsx
Normal file
@@ -0,0 +1,20 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { useState } from "react";
|
||||
|
||||
export default function LoginPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<div className="flex min-h-screen items-center justify-center">
|
||||
<div className="w-full max-w-md p-8 border rounded-lg">
|
||||
<h1 className="text-2xl font-bold mb-6">Login</h1>
|
||||
<form className="flex flex-col gap-4">
|
||||
<input type="email" placeholder="Email" className="p-2 border rounded" />
|
||||
<input type="password" placeholder="Password" className="p-2 border rounded" />
|
||||
<button className="bg-primary text-white p-2 rounded">Login</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
457
src/app/page.tsx
457
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { useState, useEffect } from "react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
@@ -13,6 +14,21 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
const [isStoreOpen, setIsStoreOpen] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
const checkStatus = () => {
|
||||
const now = new Date();
|
||||
const hours = now.getHours();
|
||||
// Open 1:00 PM (13) to 7:00 AM (7)
|
||||
const open = hours >= 13 || hours < 7;
|
||||
setIsStoreOpen(open);
|
||||
};
|
||||
checkStatus();
|
||||
const interval = setInterval(checkStatus, 60000);
|
||||
return () => clearInterval(interval);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -27,351 +43,116 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Status",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ZUPEYR"
|
||||
/>
|
||||
</div>
|
||||
{/* Simple Live Chat Placeholder */}
|
||||
<div className="fixed bottom-6 right-6 z-50">
|
||||
<button className="bg-primary-cta text-white p-4 rounded-full shadow-lg hover:scale-110 transition-transform">
|
||||
Chat
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="ZUPEYR STORE STATUS: OPEN"
|
||||
description="Your ultimate destination for PUBG UC, Accounts, and eFootball Coins. High-speed, secure, and professional delivery."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vhafrr",
|
||||
imageAlt: "Gaming Store Hero 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=285rg0",
|
||||
imageAlt: "Gaming Store Hero 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=udwphl",
|
||||
imageAlt: "Gaming Store Hero 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0r8urr",
|
||||
imageAlt: "Gaming Store Hero 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lazds4",
|
||||
imageAlt: "Gaming Store Hero 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yh5for",
|
||||
imageAlt: "Gaming Store Hero 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Status", id: "faq" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
brandName="ZUPEYR"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Reliability",
|
||||
title: "Verified Security",
|
||||
items: [
|
||||
"100% Secure Transactions",
|
||||
"Encrypted Payments",
|
||||
"Fastest Delivery",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Support",
|
||||
title: "24/7 Support",
|
||||
items: [
|
||||
"WhatsApp Available",
|
||||
"Email Support",
|
||||
"Instant Replies",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Range",
|
||||
title: "Gaming Assets",
|
||||
items: [
|
||||
"PUBG UC Top-up",
|
||||
"E-Football Coins",
|
||||
"Premium Accounts",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Zupeyr?"
|
||||
description="We offer the most reliable and fastest digital gaming assets in the region."
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText={`ZUPEYR STORE STATUS: ${isStoreOpen ? "OPEN" : "CLOSED"}`}
|
||||
description="Your ultimate destination for PUBG UC, Accounts, and eFootball Coins. High-speed, secure, and professional delivery. All payments processed via 100% secure encrypted gateways."
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vhafrr", imageAlt: "Gaming Store Hero 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=285rg0", imageAlt: "Gaming Store Hero 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=udwphl", imageAlt: "Gaming Store Hero 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0r8urr", imageAlt: "Gaming Store Hero 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lazds4", imageAlt: "Gaming Store Hero 5" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yh5for", imageAlt: "Gaming Store Hero 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "PUBG",
|
||||
name: "600 UC",
|
||||
price: "$15.00",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=utzrph",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "PUBG",
|
||||
name: "1500 UC",
|
||||
price: "$35.00",
|
||||
rating: 5,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7h3eey",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "EFootball",
|
||||
name: "1000 Coins",
|
||||
price: "$20.00",
|
||||
rating: 5,
|
||||
reviewCount: "980",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3cdq9f",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "PUBG",
|
||||
name: "PUBG Pro Account",
|
||||
price: "$120.00",
|
||||
rating: 5,
|
||||
reviewCount: "450",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=irm4bd",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "EFootball",
|
||||
name: "3000 Coins",
|
||||
price: "$55.00",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vhnen3",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "PUBG",
|
||||
name: "Elite Account",
|
||||
price: "$250.00",
|
||||
rating: 5,
|
||||
reviewCount: "890",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n9wizg",
|
||||
},
|
||||
]}
|
||||
title="Our Best Sellers"
|
||||
description="Check out our premium selection of digital goods."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", label: "Security", title: "Secure Payment Guaranteed", items: ["SSL Encryption", "Verified Channels", "Secure Wallet Payments"] },
|
||||
{ id: "f2", label: "Support", title: "Live Support & Help", items: ["24/7 Assistance", "WhatsApp/Email", "Instant Order Tracking"] },
|
||||
{ id: "f3", label: "Assets", title: "Gaming Assets", items: ["PUBG UC Top-up", "E-Football Coins", "Verified Accounts"] },
|
||||
]}
|
||||
title="Why Choose Zupeyr?"
|
||||
description="Safe, fast, and reliable digital gaming assets for competitive players."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Successful Orders",
|
||||
description: "Delivered across the globe.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j4cr23",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Customer Satisfaction",
|
||||
description: "Our commitment to quality.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dhzw2l",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
description: "Always here to help.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l7bwtf",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="Our numbers speak for themselves."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "PUBG", name: "600 UC", price: "$15.00", rating: 5, reviewCount: "1.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=utzrph" },
|
||||
{ id: "p2", brand: "PUBG", name: "1500 UC", price: "$35.00", rating: 5, reviewCount: "2.1k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7h3eey" },
|
||||
{ id: "p3", brand: "EFootball", name: "1000 Coins", price: "$20.00", rating: 5, reviewCount: "980", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3cdq9f" },
|
||||
{ id: "p4", brand: "PUBG", name: "PUBG Pro Account", price: "$120.00", rating: 5, reviewCount: "450", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=irm4bd" },
|
||||
{ id: "p5", brand: "EFootball", name: "3000 Coins", price: "$55.00", rating: 5, reviewCount: "1.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vhnen3" },
|
||||
{ id: "p6", brand: "PUBG", name: "Elite Account", price: "$250.00", rating: 5, reviewCount: "890", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n9wizg" },
|
||||
]}
|
||||
title="Best Sellers"
|
||||
description="Secure transactions verified by thousands."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are the store hours?",
|
||||
content: "Our store is open from 1:00 PM to 7:00 AM daily. We are closed during the morning hours.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept EVC Plus, Zaad, and Sahal.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long does delivery take?",
|
||||
content: "Most orders are processed within 5-15 minutes of payment confirmation.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3zx2q5"
|
||||
mediaAnimation="slide-up"
|
||||
title="FAQ & Store Status"
|
||||
description="Get answers to your questions about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Current Store Status", content: `Our store is currently ${isStoreOpen ? "OPEN" : "CLOSED"}. We operate daily from 1:00 PM to 7:00 AM.` },
|
||||
{ id: "q2", title: "Secure Payment Methods", content: "We support EVC Plus, Zaad, and Sahal. All transactions are securely handled."},
|
||||
{ id: "q3", title: "Support Channels", content: "For assistance, contact our dedicated support team via WhatsApp, Email, or the Live Chat widget."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3zx2q5"
|
||||
mediaAnimation="slide-up"
|
||||
title="FAQ & Support"
|
||||
description="Everything you need to know about your purchases."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed Ali",
|
||||
role: "Player",
|
||||
testimonial: "Very fast delivery, received my UC within 5 minutes. Highly recommended!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rzix8z",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sara Hassan",
|
||||
role: "Collector",
|
||||
testimonial: "Best PUBG accounts in the market. Trustworthy store.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xiv59v",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mohamed Yusuf",
|
||||
role: "Player",
|
||||
testimonial: "I bought eFootball coins and the process was so simple. Will use again.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=at9fs5",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Hana Osman",
|
||||
role: "Gamer",
|
||||
testimonial: "Great prices and amazing support. My go-to store now.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tbpvfv",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jamal Said",
|
||||
role: "Player",
|
||||
testimonial: "Secure and fast! Never had an issue with Zupeyr.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxd3zr",
|
||||
},
|
||||
]}
|
||||
title="Hear From Gamers"
|
||||
description="Real feedback from our satisfied customers."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Support"
|
||||
title="Need Support?"
|
||||
description="Our support team is available to assist you. Contact us at 610586682 or chat with us live!"
|
||||
inputPlaceholder="Enter your message..."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Reach Out to Zupeyr"
|
||||
description="Have questions? Contact us at 610586682 or email support@Zupeyrcr7.com."
|
||||
inputPlaceholder="Enter your inquiry..."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="ZUPEYR STORE"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Status",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Payments",
|
||||
items: [
|
||||
{
|
||||
label: "EVC Plus",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Zaad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sahal",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "610586682",
|
||||
href: "tel:610586682",
|
||||
},
|
||||
{
|
||||
label: "Email Support",
|
||||
href: "mailto:support@Zupeyrcr7.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="ZUPEYR STORE"
|
||||
columns={[
|
||||
{ title: "Support", items: [{ label: "Live Chat", href: "#" }, { label: "Help Center", href: "#faq" }, { label: "610586682", href: "tel:610586682" }] },
|
||||
{ title: "Payments", items: [{ label: "EVC Plus (Secure)", href: "#" }, { label: "Zaad (Encrypted)", href: "#" }, { label: "Sahal (Verified)", href: "#" }] },
|
||||
{ title: "About", items: [{ label: "Company", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
67
src/app/payment/page.tsx
Normal file
67
src/app/payment/page.tsx
Normal file
@@ -0,0 +1,67 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import { useState } from 'react';
|
||||
|
||||
export default function PaymentPage() {
|
||||
const [paymentStep, setPaymentStep] = useState<'details' | 'confirm'>('details');
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLarge"
|
||||
background="noise"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/#products" },
|
||||
{ name: "Payment", id: "/payment" },
|
||||
]}
|
||||
brandName="ZUPEYR"
|
||||
/>
|
||||
|
||||
<div className="min-h-screen pt-32 pb-20 px-6 max-w-4xl mx-auto">
|
||||
{paymentStep === 'details' ? (
|
||||
<ContactSplitForm
|
||||
title="Secure Payment"
|
||||
description="Select your payment method and complete the transaction securely."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "phone", type: "tel", placeholder: "EVC/Zaad/Sahal Phone Number" }
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "method", label: "Select Payment Method", options: ["EVC Plus", "Zaad", "Sahal"]
|
||||
}}
|
||||
buttonText="Pay Now"
|
||||
onSubmit={() => setPaymentStep('confirm')}
|
||||
className="bg-card p-8 rounded-2xl border border-accent"
|
||||
/>
|
||||
) : (
|
||||
<div className="bg-card p-12 rounded-2xl border border-accent text-center">
|
||||
<h2 className="text-3xl font-bold mb-4">Payment Confirmation</h2>
|
||||
<p className="mb-8 text-lg">Your request has been submitted. Our team will process your order shortly. Please keep your phone ready for the verification prompt.</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<FooterBaseCard
|
||||
logoText="ZUPEYR STORE"
|
||||
columns={[]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
20
src/app/register/page.tsx
Normal file
20
src/app/register/page.tsx
Normal file
@@ -0,0 +1,20 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
|
||||
export default function RegisterPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<div className="flex min-h-screen items-center justify-center">
|
||||
<div className="w-full max-w-md p-8 border rounded-lg">
|
||||
<h1 className="text-2xl font-bold mb-6">Register</h1>
|
||||
<form className="flex flex-col gap-4">
|
||||
<input type="text" placeholder="Full Name" className="p-2 border rounded" />
|
||||
<input type="email" placeholder="Email" className="p-2 border rounded" />
|
||||
<input type="password" placeholder="Password" className="p-2 border rounded" />
|
||||
<button className="bg-primary text-white p-2 rounded">Create Account</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #000000;
|
||||
--card: #0a0a0a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #00f0ff;
|
||||
--background: #050510;
|
||||
--card: #0a0a20;
|
||||
--foreground: #e0f2fe;
|
||||
--primary-cta: #3b82f6;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #06b6d4;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #007bff;
|
||||
--background-accent: #002030;
|
||||
--accent: #3b82f6;
|
||||
--background-accent: #1e293b;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user