Add src/app/welcome/page.tsx
This commit is contained in:
164
src/app/welcome/page.tsx
Normal file
164
src/app/welcome/page.tsx
Normal file
@@ -0,0 +1,164 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
||||
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import {
|
||||
Zap,
|
||||
ShoppingCart,
|
||||
TrendingUp,
|
||||
Users,
|
||||
Store,
|
||||
Package,
|
||||
DollarSign,
|
||||
Star,
|
||||
CheckCircle,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function WelcomePage() {
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{ label: "For Buyers", href: "/buyer" },
|
||||
{ label: "For Sellers", href: "/seller" },
|
||||
{ label: "How It Works", href: "#" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Report Issue", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Press", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const carouselItems = [
|
||||
{
|
||||
id: "1", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBvzLipXWZDam6ggyuaVWEFRP/a-modern-marketplace-dashboard-interface-1772974551757-f074afce.png", imageAlt: "Marketplace Dashboard"},
|
||||
{
|
||||
id: "2", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBvzLipXWZDam6ggyuaVWEFRP/a-detailed-product-search-interface-show-1772974547310-ed15e040.png?_wi=1", imageAlt: "Product Search Interface"},
|
||||
{
|
||||
id: "3", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBvzLipXWZDam6ggyuaVWEFRP/a-seller-dashboard-showing-product-inven-1772974548976-6f45f9da.png", imageAlt: "Seller Dashboard"},
|
||||
{
|
||||
id: "4", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBvzLipXWZDam6ggyuaVWEFRP/a-payment-checkout-interface-showing-mul-1772974545827-a610aa1c.png?_wi=1", imageAlt: "Payment Checkout"},
|
||||
{
|
||||
id: "5", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBvzLipXWZDam6ggyuaVWEFRP/an-order-tracking-interface-showing-real-1772974545297-60526892.png", imageAlt: "Order Tracking"},
|
||||
{
|
||||
id: "6", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBvzLipXWZDam6ggyuaVWEFRP/an-illustration-representing-digital-mar-1772974545983-08d3526b.png", imageAlt: "Community Illustration"},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Agora"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Register", id: "/register" },
|
||||
]}
|
||||
button={{ text: "Launch Platform", href: "/dashboard" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Welcome to Agora"
|
||||
description="Experience the future of local commerce in Tajikistan with our innovative marketplace platform"
|
||||
tag="Welcome"
|
||||
tagIcon={ShoppingCart}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "/register" },
|
||||
{ text: "Learn More", href: "/" },
|
||||
]}
|
||||
carouselItems={carouselItems}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
title="Why Choose Agora?"
|
||||
description="Discover the features that make our marketplace the best choice for Tajikistan's digital commerce"
|
||||
tag="Platform Advantages"
|
||||
tagIcon={Zap}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Secure & Trusted", description:
|
||||
"Verified sellers and buyers with secure payment gateways and buyer protection guarantee", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBvzLipXWZDam6ggyuaVWEFRP/a-payment-checkout-interface-showing-mul-1772974545827-a610aa1c.png?_wi=1", imageAlt: "Secure Payments"},
|
||||
{
|
||||
id: "02", title: "Local First", description:
|
||||
"Supporting Tajikistan's local economy with easy buying and selling for everyone", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBvzLipXWZDam6ggyuaVWEFRP/an-illustration-representing-digital-mar-1772974545983-08d3526b.png", imageAlt: "Local Community"},
|
||||
{
|
||||
id: "03", title: "Easy to Use", description:
|
||||
"Intuitive interface available in Tajik, Russian, and English for seamless experience", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBvzLipXWZDam6ggyuaVWEFRP/a-detailed-product-search-interface-show-1772974547310-ed15e040.png?_wi=1", imageAlt: "User Interface"},
|
||||
{
|
||||
id: "04", title: "Real-Time Updates", description:
|
||||
"Instant notifications for orders, messages, and transactions keeping you always informed", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBvzLipXWZDam6ggyuaVWEFRP/an-order-tracking-interface-showing-real-1772974545297-60526892.png", imageAlt: "Real-time Tracking"},
|
||||
{
|
||||
id: "05", title: "Seller Tools", description:
|
||||
"Powerful analytics and management tools to help sellers grow their business effectively", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBvzLipXWZDam6ggyuaVWEFRP/a-seller-dashboard-showing-product-inven-1772974548976-6f45f9da.png", imageAlt: "Seller Tools"},
|
||||
{
|
||||
id: "06", title: "Community Support", description:
|
||||
"24/7 customer support and active community to help with any questions or issues", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBvzLipXWZDam6ggyuaVWEFRP/a-modern-marketplace-dashboard-interface-1772974551757-f074afce.png", imageAlt: "Community Support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBvzLipXWZDam6ggyuaVWEFRP/an-illustration-representing-digital-mar-1772974545983-08d3526b.png"
|
||||
imageAlt="Agora Marketplace Community"
|
||||
logoText="Agora Marketplace"
|
||||
copyrightText="© 2025 Agora. All rights reserved."
|
||||
columns={footerColumns}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user