Merge version_1 into main #2
173
src/app/page.tsx
173
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="DigiProduct"
|
||||
/>
|
||||
@@ -54,38 +46,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Scale Your Productivity with DigiProduct"
|
||||
description="Unlock seamless workflows and AI-powered insights to boost your daily efficiency. Designed for modern teams who want to build, ship, and grow faster than ever."
|
||||
tag="Trusted by 5,000+ teams"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-rays-prism-shadows_23-2148771773.jpg?_wi=1",
|
||||
imageAlt: "Product Visualization 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-rays-prism-shadows_23-2148771773.jpg", imageAlt: "Product Visualization 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg?_wi=1",
|
||||
imageAlt: "Product Visualization 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-rays-prism-shadows_23-2148771773.jpg?_wi=2",
|
||||
imageAlt: "Product Visualization 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg?_wi=2",
|
||||
imageAlt: "Product Visualization 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-rays-prism-shadows_23-2148771773.jpg?_wi=3",
|
||||
imageAlt: "Product Visualization 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg", imageAlt: "Product Visualization 2"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -111,26 +84,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Seamless Sync",
|
||||
description: "Keep your data consistent across all devices instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160190.jpg",
|
||||
titleIconSrc: "Cloud",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Seamless Sync", description: "Keep your data consistent across all devices instantly.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160190.jpg", titleIconSrc: "Cloud", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "Make data-driven decisions with real-time insights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-digital-graphic_1134-293.jpg",
|
||||
titleIconSrc: "BarChart3",
|
||||
buttonText: "See Details",
|
||||
},
|
||||
title: "Advanced Analytics", description: "Make data-driven decisions with real-time insights.", imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-digital-graphic_1134-293.jpg", titleIconSrc: "BarChart3", buttonText: "See Details"},
|
||||
{
|
||||
title: "Ironclad Security",
|
||||
description: "Protect your workspace with enterprise-grade encryption.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/data-security-technology-template-with-shield-icon_53876-119543.jpg",
|
||||
titleIconSrc: "ShieldCheck",
|
||||
buttonText: "View Security",
|
||||
},
|
||||
title: "Ironclad Security", description: "Protect your workspace with enterprise-grade encryption.", imageSrc: "http://img.b2bpic.net/free-vector/data-security-technology-template-with-shield-icon_53876-119543.jpg", titleIconSrc: "ShieldCheck", buttonText: "View Security"},
|
||||
]}
|
||||
title="Key Features for Your Success"
|
||||
description="Powerful capabilities to streamline every aspect of your project management."
|
||||
@@ -144,36 +102,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essentials",
|
||||
price: "$29/mo",
|
||||
subtitle: "Perfect for freelancers",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essentials", price: "$29/mo", subtitle: "Perfect for freelancers", buttons: [
|
||||
{
|
||||
text: "Start Basic",
|
||||
},
|
||||
text: "Start Basic"},
|
||||
],
|
||||
features: [
|
||||
"Sync devices",
|
||||
"Basic analytics",
|
||||
"Email support",
|
||||
],
|
||||
"Sync devices", "Basic analytics", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$79/mo",
|
||||
subtitle: "For scaling teams",
|
||||
buttons: [
|
||||
id: "pro", badge: "Pro", price: "$79/mo", subtitle: "For scaling teams", buttons: [
|
||||
{
|
||||
text: "Start Pro",
|
||||
},
|
||||
text: "Start Pro"},
|
||||
],
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Advanced Analytics",
|
||||
"Priority Support",
|
||||
],
|
||||
"Everything in Basic", "Advanced Analytics", "Priority Support"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -188,40 +130,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Miller",
|
||||
handle: "@amiller",
|
||||
testimonial: "Transformed our workflow completely!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Miller", handle: "@amiller", testimonial: "Transformed our workflow completely!", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Chen",
|
||||
handle: "@bchen",
|
||||
testimonial: "Incredible performance gains.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
},
|
||||
id: "2", name: "Bob Chen", handle: "@bchen", testimonial: "Incredible performance gains.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Davis",
|
||||
handle: "@sdavis",
|
||||
testimonial: "Must-have tool for teams.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Davis", handle: "@sdavis", testimonial: "Must-have tool for teams.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Smooth and very reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dkim", testimonial: "Smooth and very reliable.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Smith",
|
||||
handle: "@esmith",
|
||||
testimonial: "Worth every single penny.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
|
||||
},
|
||||
id: "5", name: "Elena Smith", handle: "@esmith", testimonial: "Worth every single penny.", imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"},
|
||||
]}
|
||||
title="Loved by Thousands"
|
||||
description="See why top teams choose our platform."
|
||||
@@ -234,20 +151,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Yes, our plans are flexible.",
|
||||
},
|
||||
id: "q1", title: "Can I cancel anytime?", content: "Yes, our plans are flexible."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my data secure?",
|
||||
content: "We use industry-standard encryption.",
|
||||
},
|
||||
id: "q2", title: "Is my data secure?", content: "We use industry-standard encryption."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there student discounts?",
|
||||
content: "Yes, email support for details.",
|
||||
},
|
||||
id: "q3", title: "Are there student discounts?", content: "Yes, email support for details."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
@@ -259,14 +167,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to get started? Our team is standing by to help you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@digiproduct.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:support@digiproduct.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -277,37 +182,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user