207 lines
12 KiB
TypeScript
207 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Award, Headphones, Shield, Smile, Users, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Market", id: "products" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="TeleGift Market"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Premium Digital Telegram Assets"
|
|
description="The trusted marketplace for high-quality Telegram gifts, stickers, and exclusive digital assets for your community."
|
|
testimonials={[
|
|
{ name: "Alex R.", handle: "@alextech", testimonial: "The quality of gifts on this market is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg" },
|
|
{ name: "Sarah K.", handle: "@sarahdev", testimonial: "Fast, secure, and beautiful assets. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg" },
|
|
{ name: "Mike J.", handle: "@mike_j", testimonial: "Best marketplace for Telegram creators.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg" },
|
|
{ name: "Elena P.", handle: "@elena_design", testimonial: "Everything looks perfect in the app.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
|
|
{ name: "David W.", handle: "@d_williams", testimonial: "Top tier collection, seamless delivery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg" }
|
|
]}
|
|
buttons={[{ text: "Explore Market", href: "#products" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/gift-box-wrap-with-candy-cane-near-photo-frame_23-2147969853.jpg"
|
|
imageAlt="Digital gift marketplace hero visual"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "User avatar 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", alt: "User avatar 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "User avatar 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "User avatar 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195337.jpg", alt: "User avatar 5" }
|
|
]}
|
|
avatarText="Trusted by 5000+ creators"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Crafting Digital Connections"
|
|
description="We bridge the gap between creative designers and active Telegram communities, ensuring every digital gift delivers a premium experience."
|
|
bulletPoints={[
|
|
{ title: "Verified Quality", description: "Every gift undergoes rigorous design testing." },
|
|
{ title: "Instant Access", description: "Download and apply your assets immediately." },
|
|
{ title: "Creative Community", description: "Supporting creators around the world." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/table-lamp-laptop-yellow-paper-plane-cork-board-against-white-background_23-2147873583.jpg"
|
|
imageAlt="About our marketplace"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ icon: Shield, title: "Secure Transactions", description: "Protected payments and reliable asset delivery." },
|
|
{ icon: Zap, title: "Instant Delivery", description: "Get your digital items instantly upon purchase." },
|
|
{ icon: Headphones, title: "24/7 Support", description: "Expert assistance for any technical issues." }
|
|
]}
|
|
title="Why Choose Us"
|
|
description="Our marketplace platform is built with efficiency and security at its core."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", brand: "Pack", name: "Premium Sticker Set A", price: "$9.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/blank-logo-stamp-tag-template_53876-153271.jpg" },
|
|
{ id: "p2", brand: "Emoji", name: "Animated Reactions", price: "$4.99", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-psd/color-year-2022-landing-page-template_23-2149230148.jpg" },
|
|
{ id: "p3", brand: "Gift", name: "Luxury Star Gift", price: "$19.99", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-checks-website-laptop_482257-76602.jpg" },
|
|
{ id: "p4", brand: "Theme", name: "Dark Neon Theme", price: "$7.99", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749321.jpg" },
|
|
{ id: "p5", brand: "Bot", name: "Essential Bot Pack", price: "$12.99", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-vector/ai-robot-with-arms-wheels_24908-81317.jpg" },
|
|
{ id: "p6", brand: "Award", name: "Community Leader Medal", price: "$15.99", rating: 5, reviewCount: "32", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=75r8ei" }
|
|
]}
|
|
title="Featured Digital Assets"
|
|
description="Discover our most popular Telegram gifts and sticker packs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{ id: "starter", badge: "Essential", price: "$29", subtitle: "For personal use", features: ["3 Asset Packs", "Basic support", "Standard updates"], buttons: [{ text: "Select Starter" }] },
|
|
{ id: "pro", badge: "Popular", price: "$79", subtitle: "For creators", features: ["10 Asset Packs", "Priority support", "Early access"], buttons: [{ text: "Select Pro" }] },
|
|
{ id: "agency", badge: "Enterprise", price: "$199", subtitle: "For communities", features: ["Unlimited access", "Dedicated account manager", "Custom designs"], buttons: [{ text: "Select Agency" }] }
|
|
]}
|
|
title="Simple Pricing"
|
|
description="Choose the perfect plan to boost your Telegram presence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", icon: Award, title: "Assets Provided", value: "5000+" },
|
|
{ id: "m2", icon: Users, title: "Active Communities", value: "1200+" },
|
|
{ id: "m3", icon: Smile, title: "Happy Users", value: "15k+" }
|
|
]}
|
|
title="Our Growth"
|
|
description="The numbers behind our flourishing community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "t1", name: "Alex", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg" },
|
|
{ id: "t2", name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg" },
|
|
{ id: "t3", name: "Mike", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-data-center-admin-coworkers-running-diagnostics-equipment-identify_482257-132249.jpg" },
|
|
{ id: "t4", name: "Elena", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" },
|
|
{ id: "t5", name: "David", imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg" }
|
|
]}
|
|
cardTitle="Community Feedback"
|
|
cardTag="Social Proof"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "How do I receive assets?", content: "You will receive an instant download link via your registered email or Telegram account." },
|
|
{ id: "f2", title: "Are these gifts permanent?", content: "Yes, once purchased, they remain yours to use as you please." },
|
|
{ id: "f3", title: "Do you offer refunds?", content: "We offer a 7-day money-back guarantee for unused digital assets." }
|
|
]}
|
|
title="Common Questions"
|
|
description="Find everything you need to know about our marketplace."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{ variant: "animated-grid" }}
|
|
text="Ready to enhance your digital presence? Reach out to our team today for custom requests and partnerships."
|
|
buttons={[{ text: "Contact Support", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Marketplace", items: [{ label: "About", href: "#about" }, { label: "Explore", href: "#products" }] },
|
|
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Help Center", href: "#" }] },
|
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] }
|
|
]}
|
|
bottomLeftText="© 2024 TeleGift Market"
|
|
bottomRightText="All rights reserved"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|