bender/e0f5da8f-344a-4a12-b1ba-e50a04e6b36d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-04-18 05:54:29 +00:00
parent a9cda8618b 78f3b3971a
commit 77f2df8bfe
1 changed files with 170 additions and 432 deletions
Download Patch File Download Diff File Expand all files Collapse all files

602
src/app/page.tsx
View File

@@ -18,450 +18,188 @@ import { Award, Headphones, Shield, Smile, Users, Zap } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
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="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="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="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="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="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="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="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="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="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="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>
<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>
);