bender/8a209358-cca7-4e65-8271-631c1d4bfd88
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-26 17:59:53 +00:00
parent b44015525b
commit da019d7497
1 changed files with 62 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

324
src/app/page.tsx
View File

@@ -34,46 +34,26 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Get Started",
href: "#contact",
}}
text: "Get Started", href: "#contact"}}
brandName="Acme Solutions"
/>
</div>
@@ -81,45 +61,28 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Innovate. Elevate. Achieve."
description="Your trusted partner in driving business growth through cutting-edge solutions and unparalleled service."
buttons={[
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/group-smiling-business-people-analyzing-reports-communicating-while-working-together-office-there-are-people-background_637285-170.jpg?_wi=1",
imageAlt: "Business team collaborating",
},
imageSrc: "http://img.b2bpic.net/free-photo/group-smiling-business-people-analyzing-reports-communicating-while-working-together-office-there-are-people-background_637285-170.jpg", imageAlt: "Business team collaborating"},
{
imageSrc: "http://img.b2bpic.net/free-photo/strategy-technique-tactic-word-concept_53876-133628.jpg",
imageAlt: "Data analytics dashboard",
},
imageSrc: "http://img.b2bpic.net/free-photo/strategy-technique-tactic-word-concept_53876-133628.jpg", imageAlt: "Data analytics dashboard"},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-working-tech-brand-together_23-2150966168.jpg",
imageAlt: "Team celebrating success",
},
imageSrc: "http://img.b2bpic.net/free-photo/people-working-tech-brand-together_23-2150966168.jpg", imageAlt: "Team celebrating success"},
{
imageSrc: "http://img.b2bpic.net/free-photo/computer-printed-circui_1398-120.jpg",
imageAlt: "Cloud computing infrastructure",
},
imageSrc: "http://img.b2bpic.net/free-photo/computer-printed-circui_1398-120.jpg", imageAlt: "Cloud computing infrastructure"},
{
imageSrc: "http://img.b2bpic.net/free-photo/helpful-call-center-agent-office-desk-handling-customer-inquiries_482257-117953.jpg",
imageAlt: "Customer support agent",
},
imageSrc: "http://img.b2bpic.net/free-photo/helpful-call-center-agent-office-desk-handling-customer-inquiries_482257-117953.jpg", imageAlt: "Customer support agent"},
{
imageSrc: "http://img.b2bpic.net/free-photo/laboratory-laboratories-conduct-experiments-chemical-laboratory-transparent-flasks-output-formulas_146671-18278.jpg",
imageAlt: "Innovative product design",
},
imageSrc: "http://img.b2bpic.net/free-photo/laboratory-laboratories-conduct-experiments-chemical-laboratory-transparent-flasks-output-formulas_146671-18278.jpg", imageAlt: "Innovative product design"},
]}
mediaAnimation="opacity"
/>
@@ -145,34 +108,16 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
label: "Efficiency",
title: "Streamlined Operations",
items: [
"Automate workflows",
"Reduce manual tasks",
"Optimize resource allocation",
],
id: "f1", label: "Efficiency", title: "Streamlined Operations", items: [
"Automate workflows", "Reduce manual tasks", "Optimize resource allocation"],
},
{
id: "f2",
label: "Growth",
title: "Scalable Solutions",
items: [
"Expand your market reach",
"Integrate new technologies",
"Adapt to changing demands",
],
id: "f2", label: "Growth", title: "Scalable Solutions", items: [
"Expand your market reach", "Integrate new technologies", "Adapt to changing demands"],
},
{
id: "f3",
label: "Insight",
title: "Actionable Analytics",
items: [
"Gain deep business understanding",
"Make data-driven decisions",
"Identify growth opportunities",
],
id: "f3", label: "Insight", title: "Actionable Analytics", items: [
"Gain deep business understanding", "Make data-driven decisions", "Identify growth opportunities"],
},
]}
title="Unlock Your Potential with Our Core Features"
@@ -189,53 +134,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "p1",
name: "Acme Analytics Pro",
price: "$199",
variant: "Monthly",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
imageAlt: "Analytics dashboard screenshot",
},
id: "p1", name: "Acme Analytics Pro", price: "$199", variant: "Monthly", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "Analytics dashboard screenshot"},
{
id: "p2",
name: "Acme Cloud Storage",
price: "$49",
variant: "Monthly",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-video-conference-call-while-working-from-home-coronavirus-pandemic_53876-138969.jpg",
imageAlt: "Cloud storage icon",
},
id: "p2", name: "Acme Cloud Storage", price: "$49", variant: "Monthly", imageSrc: "http://img.b2bpic.net/free-photo/businessman-video-conference-call-while-working-from-home-coronavirus-pandemic_53876-138969.jpg", imageAlt: "Cloud storage icon"},
{
id: "p3",
name: "Acme AI Assistant",
price: "$299",
variant: "Monthly",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-screens-server-room-monitoring-artificial-intelligence_482257-126288.jpg",
imageAlt: "AI chatbot interface",
},
id: "p3", name: "Acme AI Assistant", price: "$299", variant: "Monthly", imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-screens-server-room-monitoring-artificial-intelligence_482257-126288.jpg", imageAlt: "AI chatbot interface"},
{
id: "p4",
name: "Acme Secure Shield",
price: "$149",
variant: "Monthly",
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041839.jpg",
imageAlt: "Cybersecurity shield icon",
},
id: "p4", name: "Acme Secure Shield", price: "$149", variant: "Monthly", imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041839.jpg", imageAlt: "Cybersecurity shield icon"},
{
id: "p5",
name: "Acme Mobile Studio",
price: "$99",
variant: "Monthly",
imageSrc: "http://img.b2bpic.net/free-photo/glass-phone-16-pro-max_187299-46102.jpg",
imageAlt: "Mobile app development",
},
id: "p5", name: "Acme Mobile Studio", price: "$99", variant: "Monthly", imageSrc: "http://img.b2bpic.net/free-photo/glass-phone-16-pro-max_187299-46102.jpg", imageAlt: "Mobile app development"},
{
id: "p6",
name: "Acme E-commerce Boost",
price: "$249",
variant: "Monthly",
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
imageAlt: "E-commerce platform screenshot",
},
id: "p6", name: "Acme E-commerce Boost", price: "$249", variant: "Monthly", imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg", imageAlt: "E-commerce platform screenshot"},
]}
title="Our Leading Solutions"
description="Explore our suite of powerful products designed to meet diverse business needs and accelerate your progress."
@@ -249,55 +158,23 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
tag: "Starter",
price: "$29",
period: "per month",
description: "Ideal for small businesses and startups.",
button: {
text: "Choose Basic",
},
featuresTitle: "Includes:",
features: [
"Essential Features",
"Standard Support",
"5GB Storage",
],
id: "basic", tag: "Starter", price: "$29", period: "per month", description: "Ideal for small businesses and startups.", button: {
text: "Choose Basic"},
featuresTitle: "Includes:", features: [
"Essential Features", "Standard Support", "5GB Storage"],
},
{
id: "pro",
tag: "Pro",
tagIcon: Zap,
price: "$79",
period: "per month",
description: "Perfect for growing businesses needing more power.",
button: {
text: "Choose Pro",
},
featuresTitle: "Includes:",
features: [
"Advanced Features",
"Priority Support",
"50GB Storage",
"Custom Integrations",
],
id: "pro", tag: "Pro", tagIcon: Zap,
price: "$79", period: "per month", description: "Perfect for growing businesses needing more power.", button: {
text: "Choose Pro"},
featuresTitle: "Includes:", features: [
"Advanced Features", "Priority Support", "50GB Storage", "Custom Integrations"],
},
{
id: "enterprise",
tag: "Enterprise",
price: "Custom",
period: "per month",
description: "Tailored for large organizations with unique needs.",
button: {
text: "Contact Sales",
},
featuresTitle: "Includes:",
features: [
"All Pro Features",
"Dedicated Account Manager",
"Unlimited Storage",
"On-premise Deployment",
],
id: "enterprise", tag: "Enterprise", price: "Custom", period: "per month", description: "Tailored for large organizations with unique needs.", button: {
text: "Contact Sales"},
featuresTitle: "Includes:", features: [
"All Pro Features", "Dedicated Account Manager", "Unlimited Storage", "On-premise Deployment"],
},
]}
title="Flexible Plans for Every Business"
@@ -312,36 +189,14 @@ export default function LandingPage() {
useInvertedBackground={false}
groups={[
{
id: "leadership",
groupTitle: "Leadership Team",
members: [
id: "leadership", groupTitle: "Leadership Team", members: [
{
id: "m1",
title: "John Doe",
subtitle: "CEO & Founder",
detail: "Visionary leader passionate about tech and business growth.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
imageAlt: "John Doe, CEO",
},
id: "m1", title: "John Doe", subtitle: "CEO & Founder", detail: "Visionary leader passionate about tech and business growth.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", imageAlt: "John Doe, CEO"},
{
id: "m2",
title: "Jane Smith",
subtitle: "Chief Technology Officer",
detail: "Drives our technological innovation and product development.",
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066385.jpg",
imageAlt: "Jane Smith, CTO",
},
id: "m2", title: "Jane Smith", subtitle: "Chief Technology Officer", detail: "Drives our technological innovation and product development.", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066385.jpg", imageAlt: "Jane Smith, CTO"},
{
id: "m3",
title: "Michael Brown",
subtitle: "Head of Sales",
detail: "Connects businesses with our solutions, ensuring client success.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-using-digital-tablet-outdoors_23-2147955287.jpg",
imageAlt: "Michael Brown, Head of Sales",
},
id: "m3", title: "Michael Brown", subtitle: "Head of Sales", detail: "Connects businesses with our solutions, ensuring client success.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-using-digital-tablet-outdoors_23-2147955287.jpg", imageAlt: "Michael Brown, Head of Sales"},
],
imageSrc: "http://img.b2bpic.net/free-photo/group-smiling-business-people-analyzing-reports-communicating-while-working-together-office-there-are-people-background_637285-170.jpg?_wi=2",
imageAlt: "professional male executive smiling portrait",
},
]}
title="Meet Our Exceptional Team"
@@ -355,50 +210,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Game Changer!",
quote: "Acme Solutions revolutionized our workflow. Their platform is intuitive, powerful, and has significantly boosted our productivity.",
name: "Sarah Johnson",
role: "CEO, TechInnovate",
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
imageAlt: "Sarah Johnson",
},
id: "t1", title: "Game Changer!", quote: "Acme Solutions revolutionized our workflow. Their platform is intuitive, powerful, and has significantly boosted our productivity.", name: "Sarah Johnson", role: "CEO, TechInnovate", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", imageAlt: "Sarah Johnson"},
{
id: "t2",
title: "Exceptional Support",
quote: "Beyond the fantastic products, the support team at Acme Solutions is truly outstanding. Always responsive and incredibly helpful.",
name: "Michael Chen",
role: "CTO, Global Dynamics",
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg",
imageAlt: "Michael Chen",
},
id: "t2", title: "Exceptional Support", quote: "Beyond the fantastic products, the support team at Acme Solutions is truly outstanding. Always responsive and incredibly helpful.", name: "Michael Chen", role: "CTO, Global Dynamics", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg", imageAlt: "Michael Chen"},
{
id: "t3",
title: "Unmatched Value",
quote: "The features and capabilities we get for the price are unbeatable. Acme Solutions has become an indispensable part of our business.",
name: "Emily Rodriguez",
role: "Marketing Director, GrowthCo",
imageSrc: "http://img.b2bpic.net/free-photo/pensive-office-employee-waiting-waitress_1262-18547.jpg",
imageAlt: "Emily Rodriguez",
},
id: "t3", title: "Unmatched Value", quote: "The features and capabilities we get for the price are unbeatable. Acme Solutions has become an indispensable part of our business.", name: "Emily Rodriguez", role: "Marketing Director, GrowthCo", imageSrc: "http://img.b2bpic.net/free-photo/pensive-office-employee-waiting-waitress_1262-18547.jpg", imageAlt: "Emily Rodriguez"},
{
id: "t4",
title: "Seamless Integration",
quote: "Integrating Acme's solutions into our existing systems was effortless. The transition was smooth, and results were immediate.",
name: "David Kim",
role: "Product Manager, StartupXYZ",
imageSrc: "http://img.b2bpic.net/free-photo/adult-businessman-working-hard-laptop-office_1262-1678.jpg",
imageAlt: "David Kim",
},
id: "t4", title: "Seamless Integration", quote: "Integrating Acme's solutions into our existing systems was effortless. The transition was smooth, and results were immediate.", name: "David Kim", role: "Product Manager, StartupXYZ", imageSrc: "http://img.b2bpic.net/free-photo/adult-businessman-working-hard-laptop-office_1262-1678.jpg", imageAlt: "David Kim"},
{
id: "t5",
title: "Real Impact",
quote: "We've seen tangible improvements in efficiency and customer satisfaction since partnering with Acme Solutions. Highly recommend!",
name: "Jessica Lee",
role: "Operations Lead, Apex Corp",
imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-133787.jpg",
imageAlt: "Jessica Lee",
},
id: "t5", title: "Real Impact", quote: "We've seen tangible improvements in efficiency and customer satisfaction since partnering with Acme Solutions. Highly recommend!", name: "Jessica Lee", role: "Operations Lead, Apex Corp", imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-133787.jpg", imageAlt: "Jessica Lee"},
]}
title="What Our Clients Say"
description="Hear directly from businesses who have transformed their operations and achieved remarkable success with Acme Solutions."
@@ -410,20 +230,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What services does Acme Solutions offer?",
content: "Acme Solutions provides a comprehensive suite of business solutions, including analytics software, cloud storage, AI assistance, cybersecurity, mobile app development, and e-commerce optimization services.",
},
id: "faq1", title: "What services does Acme Solutions offer?", content: "Acme Solutions provides a comprehensive suite of business solutions, including analytics software, cloud storage, AI assistance, cybersecurity, mobile app development, and e-commerce optimization services."},
{
id: "faq2",
title: "How can I get started with your services?",
content: "You can get started by exploring our pricing plans and choosing the one that best fits your needs. For custom solutions, please contact our sales team to schedule a consultation.",
},
id: "faq2", title: "How can I get started with your services?", content: "You can get started by exploring our pricing plans and choosing the one that best fits your needs. For custom solutions, please contact our sales team to schedule a consultation."},
{
id: "faq3",
title: "Do you offer customer support?",
content: "Yes, we offer various levels of customer support depending on your chosen plan. This includes standard support, priority support, and for enterprise clients, a dedicated account manager.",
},
id: "faq3", title: "Do you offer customer support?", content: "Yes, we offer various levels of customer support depending on your chosen plan. This includes standard support, priority support, and for enterprise clients, a dedicated account manager."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find answers to the most common questions about our products and services."
@@ -436,20 +247,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Ready to Grow?"
title="Let's Build Your Future Together"
description="Reach out today to discuss your project, explore our solutions, and get a personalized quote."
buttons={[
{
text: "Contact Us",
href: "#contact",
},
text: "Contact Us", href: "#contact"},
{
text: "Schedule a Demo",
href: "#contact",
},
text: "Schedule a Demo", href: "#contact"},
]}
/>
</div>
@@ -461,19 +267,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
href: "#", ariaLabel: "LinkedIn"},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
]}
/>
</div>