Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-15 18:26:00 +00:00

View File

@@ -20,423 +20,145 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "FAQ",
id: "faq",
},
]}
brandName="SMM Pro"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="SMM Pro"
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Level Up Your Social Presence Instantly"
description="The fastest, most reliable SMM panel for developers, agencies, and businesses. Get real results with our secure, lightning-fast automated services."
testimonials={[
{
name: "Alex J.",
handle: "@alexsmm",
testimonial: "The best delivery speed I've ever experienced. My engagement is up 300%!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-corporate-woman-beige-suit-standing-street-city-with-wireless-headphones_1258-194022.jpg",
},
{
name: "Maria K.",
handle: "@mariamk",
testimonial: "Incredible reliability. Customer support actually responds in minutes.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-2943.jpg",
},
{
name: "David T.",
handle: "@davidtech",
testimonial: "Seamless integration with our agency workflow. Simply unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-man-sitting-working-computer-pc_53876-31583.jpg",
},
{
name: "Sophie L.",
handle: "@sophiesocial",
testimonial: "Best service for scaling brand awareness quickly. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-graphics-tablet_1170-871.jpg",
},
{
name: "Kevin R.",
handle: "@kevinmarketing",
testimonial: "Consistent, real services that don't drop. This is the real deal.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg",
},
]}
buttons={[
{
text: "Get Started",
href: "#pricing",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
alt: "Modern and equipped computer lab",
},
{
src: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
alt: "Empty startup office displays statistics",
},
{
src: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-58033.jpg",
alt: "Man trading browsing online stock investments at night",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
alt: "Closeup of african american entrepreneur analyzing company profit",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-man-work-office-using-computer_171337-6828.jpg",
alt: "Handsome man work in office using computer.",
},
]}
avatarText="Trusted by 50,000+ satisfied clients"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Level Up Your Social Presence Instantly"
description="The fastest, most reliable SMM panel for developers, agencies, and businesses. Get real results with our secure, lightning-fast automated services."
testimonials={[
{ name: "Alex J.", handle: "@alexsmm", testimonial: "The best delivery speed I've ever experienced. My engagement is up 300%!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-corporate-woman-beige-suit-standing-street-city-with-wireless-headphones_1258-194022.jpg" },
{ name: "Maria K.", handle: "@mariamk", testimonial: "Incredible reliability. Customer support actually responds in minutes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-2943.jpg" },
{ name: "David T.", handle: "@davidtech", testimonial: "Seamless integration with our agency workflow. Simply unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-man-sitting-working-computer-pc_53876-31583.jpg" },
{ name: "Sophie L.", handle: "@sophiesocial", testimonial: "Best service for scaling brand awareness quickly. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-graphics-tablet_1170-871.jpg" },
{ name: "Kevin R.", handle: "@kevinmarketing", testimonial: "Consistent, real services that don't drop. This is the real deal.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg" }
]}
buttons={[{ text: "Get Started", href: "#pricing" }]}
imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", alt: "Modern lab" },
{ src: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg", alt: "Startup office" },
{ src: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-58033.jpg", alt: "Trading" },
{ src: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", alt: "Entrepreneur" },
{ src: "http://img.b2bpic.net/free-photo/handsome-man-work-office-using-computer_171337-6828.jpg", alt: "Office work" }
]}
avatarText="Trusted by 50,000+ satisfied clients"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Delivering Growth Through Real Innovation",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-plexus-background-with-low-poly_1048-12443.jpg",
alt: "Connectivity",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Delivering Growth Through Real Innovation" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-plexus-background-with-low-poly_1048-12443.jpg", alt: "Connectivity" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Ultra-Fast Delivery",
descriptions: [
"Automated order processing ensures your service starts instantly.",
],
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-delivery-truck-transport-shipping-fast-deliver-carrier-logistics-icon-sign-symbol-ecommerce-concept-blue-background-3d-illustration_56104-1800.jpg",
},
{
id: "f2",
title: "Secure & Private",
descriptions: [
"Encrypted order processing with strict confidentiality.",
],
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883546.jpg",
},
{
id: "f3",
title: "24/7 Support",
descriptions: [
"Real humans ready to help whenever you need it.",
],
imageSrc: "http://img.b2bpic.net/free-photo/invoice-billing-information-form-graphic-concept_53876-125390.jpg",
},
]}
title="Why Choose SMM Pro?"
description="Our platform combines advanced automation with verified user engagement to provide the most effective social media services."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Ultra-Fast Delivery", descriptions: ["Automated order processing ensures your service starts instantly."], imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-delivery-truck-transport-shipping-fast-deliver-carrier-logistics-icon-sign-symbol-ecommerce-concept-blue-background-3d-illustration_56104-1800.jpg" },
{ id: "f2", title: "Secure & Private", descriptions: ["Encrypted order processing with strict confidentiality."], imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883546.jpg" },
{ id: "f3", title: "24/7 Support", descriptions: ["Real humans ready to help whenever you need it."], imageSrc: "http://img.b2bpic.net/free-photo/invoice-billing-information-form-graphic-concept_53876-125390.jpg" }
]}
title="Why Choose SMM Pro?"
description="Our platform combines advanced automation with verified user engagement to provide the most effective social media services."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Instagram",
name: "Followers Pack",
price: "$5.00",
rating: 5,
reviewCount: "1.2k",
imageSrc: "http://img.b2bpic.net/free-vector/creative-watch-logo-templates_23-2148958953.jpg",
},
{
id: "p2",
brand: "Twitter",
name: "Retweets Pack",
price: "$3.00",
rating: 5,
reviewCount: "800",
imageSrc: "http://img.b2bpic.net/free-vector/medical-support-shield-background-with-protecting-layers_1017-24591.jpg",
},
{
id: "p3",
brand: "TikTok",
name: "Views Pack",
price: "$2.00",
rating: 5,
reviewCount: "2.5k",
imageSrc: "http://img.b2bpic.net/free-photo/earth-globe-internet-icon-sign-symbol-button-blue-speech-bubble-white-background-3d-rendering_56104-1178.jpg",
},
{
id: "p4",
brand: "Facebook",
name: "Likes Pack",
price: "$4.00",
rating: 5,
reviewCount: "500",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-fast-food-burger-french-fries-coffee_107791-17005.jpg",
},
{
id: "p5",
brand: "YouTube",
name: "Subscriber Pack",
price: "$10.00",
rating: 5,
reviewCount: "300",
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-people-icons-around-world_1134-391.jpg",
},
{
id: "p6",
brand: "Telegram",
name: "Member Pack",
price: "$6.00",
rating: 5,
reviewCount: "1.1k",
imageSrc: "http://img.b2bpic.net/free-photo/outgoing-call-icon-blue-phone-with-arrow_187299-46556.jpg",
},
]}
title="Our Best Services"
description="We offer a wide range of services to boost your social media footprint."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Instagram", name: "Followers Pack", price: "$5.00", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-vector/creative-watch-logo-templates_23-2148958953.jpg" },
{ id: "p2", brand: "Twitter", name: "Retweets Pack", price: "$3.00", rating: 5, reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-vector/medical-support-shield-background-with-protecting-layers_1017-24591.jpg" },
{ id: "p3", brand: "TikTok", name: "Views Pack", price: "$2.00", rating: 5, reviewCount: "2.5k", imageSrc: "http://img.b2bpic.net/free-photo/earth-globe-internet-icon-sign-symbol-button-blue-speech-bubble-white-background-3d-rendering_56104-1178.jpg" },
{ id: "p4", brand: "Facebook", name: "Likes Pack", price: "$4.00", rating: 5, reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-fast-food-burger-french-fries-coffee_107791-17005.jpg" },
{ id: "p5", brand: "YouTube", name: "Subscriber Pack", price: "$10.00", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-people-icons-around-world_1134-391.jpg" },
{ id: "p6", brand: "Telegram", name: "Member Pack", price: "$6.00", rating: 5, reviewCount: "1.1k", imageSrc: "http://img.b2bpic.net/free-photo/outgoing-call-icon-blue-phone-with-arrow_187299-46556.jpg" }
]}
title="Our Best Services"
description="We offer a wide range of services to boost your social media footprint."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Starter",
price: "$25",
subtitle: "Perfect for beginners",
features: [
"Basic Analytics",
"10,000 Credits",
"24/7 Support",
],
buttons: [
{
text: "Buy Now",
},
],
},
{
id: "pro",
badge: "Pro",
price: "$99",
subtitle: "For serious creators",
features: [
"Advanced Analytics",
"50,000 Credits",
"Priority Support",
],
buttons: [
{
text: "Buy Now",
},
],
},
{
id: "enterprise",
badge: "Enterprise",
price: "$299",
subtitle: "For agencies",
features: [
"Custom Solutions",
"Unlimited Credits",
"Dedicated Manager",
],
buttons: [
{
text: "Contact Us",
},
],
},
]}
title="Simple Transparent Pricing"
description="Whether you are starting or scaling, we have a plan for everyone."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "basic", badge: "Starter", price: "$25", subtitle: "Perfect for beginners", features: ["Basic Analytics", "10,000 Credits", "24/7 Support"], buttons: [{ text: "Buy Now" }] },
{ id: "pro", badge: "Pro", price: "$99", subtitle: "For serious creators", features: ["Advanced Analytics", "50,000 Credits", "Priority Support"], buttons: [{ text: "Buy Now" }] },
{ id: "enterprise", badge: "Enterprise", price: "$299", subtitle: "For agencies", features: ["Custom Solutions", "Unlimited Credits", "Dedicated Manager"], buttons: [{ text: "Contact Us" }] }
]}
title="Simple Transparent Pricing"
description="Whether you are starting or scaling, we have a plan for everyone."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1.2M+",
description: "Orders Completed",
},
{
id: "m2",
value: "50k+",
description: "Happy Clients",
},
{
id: "m3",
value: "99.9%",
description: "Uptime",
},
]}
title="Trusted by Thousands"
description="Our numbers speak for themselves."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Is the service safe?", content: "Absolutely. We use secure delivery methods compliant with platform policies." },
{ id: "q2", title: "How long do orders take?", content: "Most orders start processing within seconds." },
{ id: "q3", title: "Do you offer refunds?", content: "Yes, if the service isn't delivered as promised, we offer full refunds." }
]}
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-headset-using-laptop_74855-2596.jpg"
title="Frequently Asked Questions"
description="Find answers to your most burning questions."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Game Changer",
quote: "I've tried many panels, but SMM Pro is on another level.",
name: "Alice P.",
role: "Influencer",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg",
},
{
id: "t2",
title: "Top Tier",
quote: "Consistency is key and SMM Pro delivers every time.",
name: "Bob V.",
role: "Marketer",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-smiling-while-looking-her-laptop-vintage-coffee-shop-enjoying-herself-while-sitting-bar-counter_482257-25760.jpg",
},
{
id: "t3",
title: "Reliable",
quote: "Never had an issue with any orders, very professional.",
name: "Charlie B.",
role: "Business Owner",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-using-laptop-coffee-shop_1170-2323.jpg",
},
{
id: "t4",
title: "Great Support",
quote: "The support team is just amazing, so helpful.",
name: "Danielle S.",
role: "Creator",
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg",
},
{
id: "t5",
title: "Scale Fast",
quote: "Perfectly helped me scale my accounts in just a week.",
name: "Eric M.",
role: "Entrepreneur",
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-standing-with-coffee-busy-street-smiling-camera_1258-123421.jpg",
},
]}
title="What Our Clients Say"
description="Real testimonials from real people."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Join Us"
title="Get Started Today"
description="Sign up to access our full catalog of services."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is the service safe?",
content: "Absolutely. We use secure delivery methods compliant with platform policies.",
},
{
id: "q2",
title: "How long do orders take?",
content: "Most orders start processing within seconds.",
},
{
id: "q3",
title: "Do you offer refunds?",
content: "Yes, if the service isn't delivered as promised, we offer full refunds.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-headset-using-laptop_74855-2596.jpg"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Find answers to your most burning questions."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Join Us"
title="Get Started Today"
description="Sign up to access our full catalog of services."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="SMM Pro"
leftLink={{
text: "Terms",
href: "#",
}}
rightLink={{
text: "Privacy",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="SMM Pro"
leftLink={{ text: "Terms", href: "#" }}
rightLink={{ text: "Privacy", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);