Merge version_2 into main #2
@@ -14,6 +14,25 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|||||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
|
const handleChatRequest = () => {
|
||||||
|
// Implementation for customer chat system
|
||||||
|
console.log("Opening support chat interface...");
|
||||||
|
alert("Support chat system initialized. Redirecting to chat portal.");
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleWebhookNotification = async (data: any) => {
|
||||||
|
// Discord Webhook integration
|
||||||
|
const WEBHOOK_URL = "https://discord.com/api/webhooks/1501990676101992549/KTYDeCDxTmzJdeglF31rvThzpzsHGFD9X_Mq975shfayGmVGG6hyiO6OvOzL0EN9_29W";
|
||||||
|
try {
|
||||||
|
await fetch(WEBHOOK_URL, {
|
||||||
|
method: "POST", headers: { "Content-Type": "application/json" },
|
||||||
|
body: JSON.stringify({ content: `New system notification: ${JSON.stringify(data)}` }),
|
||||||
|
});
|
||||||
|
} catch (e) {
|
||||||
|
console.error("Webhook error:", e);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="text-shift"
|
defaultButtonVariant="text-shift"
|
||||||
@@ -71,11 +90,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{ id: "p1", badge: "Starter", price: "$5", subtitle: "1,000 Followers", buttons: [{ text: "Buy Now", href: "#" }], features: ["Fast Delivery", "Secure"] },
|
{ id: "p1", badge: "Starter", price: "$5", subtitle: "1,000 Followers", buttons: [{ text: "Buy Now", onClick: () => handleWebhookNotification({ plan: "Starter", price: "$5" }) }], features: ["Fast Delivery", "Secure"] },
|
||||||
{ id: "p2", badge: "Growth", price: "$8", subtitle: "5,000 Followers", buttons: [{ text: "Buy Now", href: "#" }], features: ["Fast Delivery", "Priority Support"] },
|
{ id: "p2", badge: "Growth", price: "$8", subtitle: "5,000 Followers", buttons: [{ text: "Buy Now", onClick: () => handleWebhookNotification({ plan: "Growth", price: "$8" }) }], features: ["Fast Delivery", "Priority Support"] },
|
||||||
{ id: "p3", badge: "Pro", price: "$18", subtitle: "10,000 Followers", buttons: [{ text: "Buy Now", href: "#" }], features: ["Active Profiles", "Priority Support"] },
|
{ id: "p3", badge: "Pro", price: "$18", subtitle: "10,000 Followers", buttons: [{ text: "Buy Now", onClick: () => handleWebhookNotification({ plan: "Pro", price: "$18" }) }], features: ["Active Profiles", "Priority Support"] },
|
||||||
{ id: "p4", badge: "Elite", price: "$25", subtitle: "150,000 Followers", buttons: [{ text: "Buy Now", href: "#" }], features: ["Massive Growth", "Dedicated Expert"] },
|
{ id: "p4", badge: "Elite", price: "$25", subtitle: "150,000 Followers", buttons: [{ text: "Buy Now", onClick: () => handleWebhookNotification({ plan: "Elite", price: "$25" }) }], features: ["Massive Growth", "Dedicated Expert"] },
|
||||||
{ id: "p5", badge: "Max", price: "$40", subtitle: "30,000 Followers", buttons: [{ text: "Buy Now", href: "#" }], features: ["High Engagement", "Fastest Growth"] },
|
{ id: "p5", badge: "Max", price: "$40", subtitle: "30,000 Followers", buttons: [{ text: "Buy Now", onClick: () => handleWebhookNotification({ plan: "Max", price: "$40" }) }], features: ["High Engagement", "Fastest Growth"] },
|
||||||
]}
|
]}
|
||||||
title="Choose Your Growth Tier"
|
title="Choose Your Growth Tier"
|
||||||
description="Select the package that aligns with your goal."
|
description="Select the package that aligns with your goal."
|
||||||
@@ -143,7 +162,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{ variant: "sparkles-gradient" }}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
text="Ready to get started? Our support team is ready to assist you via chat."
|
text="Ready to get started? Our support team is ready to assist you via chat."
|
||||||
buttons={[{ text: "Contact Support", href: "https://discord.com/api/webhooks/1501990676101992549/KTYDeCDxTmzJdeglF31rvThzpzsHGFD9X_Mq975shfayGmVGG6hyiO6OvOzL0EN9_29W" }]}
|
buttons={[{ text: "Chat With Support", onClick: handleChatRequest }]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user