Merge version_1 into main #2
252
src/app/page.tsx
252
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "dashboard",
|
||||
},
|
||||
name: "Dashboard", id: "dashboard"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Support", id: "contact"},
|
||||
]}
|
||||
brandName="SecureComm"
|
||||
/>
|
||||
@@ -50,102 +44,54 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Premium Client Communication Dashboard"
|
||||
description="Securely manage your assets and communicate directly with your dedicated client manager. Exclusive portal for high-net-worth accounts."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "The most secure communication tool I have ever used. Seamless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461311.jpg?_wi=1",
|
||||
imageAlt: "crypto dashboard interface",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexr", testimonial: "The most secure communication tool I have ever used. Seamless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461311.jpg", imageAlt: "crypto dashboard interface"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Excellent service and instant support from my account manager.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8484.jpg?_wi=1",
|
||||
imageAlt: "crypto dashboard interface",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "Excellent service and instant support from my account manager.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8484.jpg", imageAlt: "crypto dashboard interface"},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@davidl",
|
||||
testimonial: "High level of professionalism and security. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-employee-looking-startup-analytics-pc_482257-74478.jpg?_wi=1",
|
||||
imageAlt: "crypto dashboard interface",
|
||||
},
|
||||
name: "David L.", handle: "@davidl", testimonial: "High level of professionalism and security. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-employee-looking-startup-analytics-pc_482257-74478.jpg", imageAlt: "crypto dashboard interface"},
|
||||
{
|
||||
name: "Michael B.",
|
||||
handle: "@michaelb",
|
||||
testimonial: "Everything I need in one secure portal. Very easy to navigate.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg",
|
||||
imageAlt: "crypto dashboard interface",
|
||||
},
|
||||
name: "Michael B.", handle: "@michaelb", testimonial: "Everything I need in one secure portal. Very easy to navigate.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg", imageAlt: "crypto dashboard interface"},
|
||||
{
|
||||
name: "Jessica M.",
|
||||
handle: "@jessicam",
|
||||
testimonial: "Fantastic interface and prompt communication every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-business-woman-smiling-camera-after-drinking-cup-coffee-sitting-desk-business-office-late-night_482257-5183.jpg",
|
||||
imageAlt: "crypto dashboard interface",
|
||||
},
|
||||
name: "Jessica M.", handle: "@jessicam", testimonial: "Fantastic interface and prompt communication every single time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-business-woman-smiling-camera-after-drinking-cup-coffee-sitting-desk-business-office-late-night_482257-5183.jpg", imageAlt: "crypto dashboard interface"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Access Dashboard",
|
||||
href: "#dashboard",
|
||||
},
|
||||
text: "Access Dashboard", href: "#dashboard"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461311.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461311.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-businessman-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-7442.jpg",
|
||||
alt: "Happy professional partners",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-businessman-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-7442.jpg", alt: "Happy professional partners"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg",
|
||||
alt: "Cheerful businesswomen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg", alt: "Cheerful businesswomen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-business-man-greeting-colleague_74855-1519.jpg",
|
||||
alt: "Cheerful business man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-business-man-greeting-colleague_74855-1519.jpg", alt: "Cheerful business man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-prepared-meeting_1098-2188.jpg",
|
||||
alt: "Young businesswoman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-prepared-meeting_1098-2188.jpg", alt: "Young businesswoman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-woman-working-laptop-office_1303-20385.jpg",
|
||||
alt: "Business woman working",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-woman-working-laptop-office_1303-20385.jpg", alt: "Business woman working"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Coinbase Verified",
|
||||
},
|
||||
type: "text", text: "Coinbase Verified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AES-256 Encrypted",
|
||||
},
|
||||
type: "text", text: "AES-256 Encrypted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Priority Access",
|
||||
},
|
||||
type: "text", text: "24/7 Priority Access"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Auditing",
|
||||
},
|
||||
type: "text", text: "Real-time Auditing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Compliance",
|
||||
},
|
||||
type: "text", text: "Global Compliance"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,26 +103,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "$1,000,000",
|
||||
title: "Total Balance",
|
||||
description: "Verified on Coinbase Custody",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8484.jpg?_wi=2",
|
||||
},
|
||||
id: "1", value: "$1,000,000", title: "Total Balance", description: "Verified on Coinbase Custody", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8484.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
title: "Priority Support",
|
||||
description: "Always available communication",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg?_wi=1",
|
||||
},
|
||||
id: "2", value: "24/7", title: "Priority Support", description: "Always available communication", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Security Grade",
|
||||
description: "Military-grade encryption",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-wrong-password-screen-red-lock_107791-16604.jpg",
|
||||
},
|
||||
id: "3", value: "100%", title: "Security Grade", description: "Military-grade encryption", imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-wrong-password-screen-red-lock_107791-16604.jpg"},
|
||||
]}
|
||||
title="Account Overview"
|
||||
description="Real-time visibility into your managed assets."
|
||||
@@ -188,22 +119,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Direct Messaging",
|
||||
description: "Encrypted real-time chat with your dedicated manager.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/twitch-chat-bubble-3d-icon_23-2152009932.jpg",
|
||||
},
|
||||
title: "Direct Messaging", description: "Encrypted real-time chat with your dedicated manager.", imageSrc: "http://img.b2bpic.net/free-photo/twitch-chat-bubble-3d-icon_23-2152009932.jpg"},
|
||||
{
|
||||
title: "Asset Tracking",
|
||||
description: "Monitor your $1M+ portfolio performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924115.jpg",
|
||||
},
|
||||
title: "Asset Tracking", description: "Monitor your $1M+ portfolio performance.", imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924115.jpg"},
|
||||
{
|
||||
title: "Task Requests",
|
||||
description: "Submit account requests directly through the portal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-employee-looking-startup-analytics-pc_482257-74478.jpg?_wi=2",
|
||||
},
|
||||
title: "Task Requests", description: "Submit account requests directly through the portal.", imageSrc: "http://img.b2bpic.net/free-photo/woman-employee-looking-startup-analytics-pc_482257-74478.jpg"},
|
||||
]}
|
||||
title="Secure Communication Suite"
|
||||
description="Tools built to facilitate private and efficient client-consultant interaction."
|
||||
@@ -225,71 +148,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Reed",
|
||||
date: "Jan 2024",
|
||||
title: "Investor",
|
||||
quote: "Top tier communication and security.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461311.jpg?_wi=3",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
id: "t1", name: "Alex Reed", date: "Jan 2024", title: "Investor", quote: "Top tier communication and security.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461311.jpg", imageAlt: "professional business portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Jones",
|
||||
date: "Dec 2023",
|
||||
title: "Entrepreneur",
|
||||
quote: "The dashboard interface is incredibly clean.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-business-woman-smiling-camera-after-drinking-cup-coffee-sitting-desk-business-office-late-night_482257-5183.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8484.jpg?_wi=3",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
id: "t2", name: "Sarah Jones", date: "Dec 2023", title: "Entrepreneur", quote: "The dashboard interface is incredibly clean.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-business-woman-smiling-camera-after-drinking-cup-coffee-sitting-desk-business-office-late-night_482257-5183.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8484.jpg", imageAlt: "professional business portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Lang",
|
||||
date: "Nov 2023",
|
||||
title: "CEO",
|
||||
quote: "I appreciate the transparency in reporting.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-employee-looking-startup-analytics-pc_482257-74478.jpg?_wi=3",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
id: "t3", name: "David Lang", date: "Nov 2023", title: "CEO", quote: "I appreciate the transparency in reporting.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-employee-looking-startup-analytics-pc_482257-74478.jpg", imageAlt: "professional business portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael Brown",
|
||||
date: "Oct 2023",
|
||||
title: "CTO",
|
||||
quote: "Professional team and secure platform.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-standing-by-wall_1303-22622.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-developer-posing-with-smile-office-while-her-asian-male-colleague-working-project-chinese-marketer-using-laptop-sitting-table-with-pretty-european-manager_197531-3799.jpg",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
id: "t4", name: "Michael Brown", date: "Oct 2023", title: "CTO", quote: "Professional team and secure platform.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-standing-by-wall_1303-22622.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-web-developer-posing-with-smile-office-while-her-asian-male-colleague-working-project-chinese-marketer-using-laptop-sitting-table-with-pretty-european-manager_197531-3799.jpg", imageAlt: "professional business portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Miller",
|
||||
date: "Sep 2023",
|
||||
title: "Partner",
|
||||
quote: "Exceptional communication standards.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/serious-senior-businessman-with-clipboards_1262-1934.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faqs-customer-service-icon-concept_53876-132149.jpg?_wi=1",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
id: "t5", name: "Jessica Miller", date: "Sep 2023", title: "Partner", quote: "Exceptional communication standards.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/serious-senior-businessman-with-clipboards_1262-1934.jpg", imageSrc: "http://img.b2bpic.net/free-photo/faqs-customer-service-icon-concept_53876-132149.jpg", imageAlt: "professional business portrait"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Brian King",
|
||||
date: "Aug 2023",
|
||||
title: "Analyst",
|
||||
quote: "Reliable and responsive support.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/twitch-chat-bubble-3d-icon_23-2152009932.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg?_wi=2",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
id: "t6", name: "Brian King", date: "Aug 2023", title: "Analyst", quote: "Reliable and responsive support.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/twitch-chat-bubble-3d-icon_23-2152009932.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg", imageAlt: "professional business portrait"},
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Our clients rely on us for security, privacy, and exceptional results."
|
||||
@@ -302,22 +171,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I communicate with my manager?",
|
||||
content: "Once signed up, your unique username is generated. Send it to your manager to start the chat.",
|
||||
},
|
||||
id: "f1", title: "How do I communicate with my manager?", content: "Once signed up, your unique username is generated. Send it to your manager to start the chat."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my balance guaranteed?",
|
||||
content: "Your assets are managed through high-security protocols verified via Coinbase.",
|
||||
},
|
||||
id: "f2", title: "Is my balance guaranteed?", content: "Your assets are managed through high-security protocols verified via Coinbase."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I request withdrawals?",
|
||||
content: "Yes, withdrawal requests can be submitted via the support portal.",
|
||||
},
|
||||
id: "f3", title: "Can I request withdrawals?", content: "Yes, withdrawal requests can be submitted via the support portal."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/faqs-customer-service-icon-concept_53876-132149.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/faqs-customer-service-icon-concept_53876-132149.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your account portal inquiries."
|
||||
@@ -332,16 +192,10 @@ export default function LandingPage() {
|
||||
description="Sign up below to receive your portal username."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/software-developers-data-center-workspace-use-laptop-calibrate-energy-usage_482257-117870.jpg"
|
||||
@@ -355,25 +209,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
label: "Security", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Login",
|
||||
href: "#",
|
||||
},
|
||||
label: "Login", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user