Update src/app/page.tsx
This commit is contained in:
159
src/app/page.tsx
159
src/app/page.tsx
@@ -32,21 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Metrics", id: "metrics"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Joury"
|
||||
/>
|
||||
@@ -55,19 +53,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Joury.dz"
|
||||
description="Empowering innovation through digital transformation. We build the future of software today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-techno-background-with-digital-particles_1048-15658.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -88,20 +81,11 @@ export default function LandingPage() {
|
||||
description="Our suite of tools ensures your business operates at maximum efficiency and growth."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Scalable Infrastructure",
|
||||
content: "Robust backends designed for enterprise growth and high availability.",
|
||||
},
|
||||
id: "f1", title: "Scalable Infrastructure", content: "Robust backends designed for enterprise growth and high availability."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "User-Centric Design",
|
||||
content: "Modern interfaces focused on conversion and seamless user journeys.",
|
||||
},
|
||||
id: "f2", title: "User-Centric Design", content: "Modern interfaces focused on conversion and seamless user journeys."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Secure Data Solutions",
|
||||
content: "Industry-leading encryption protecting your most valuable assets.",
|
||||
},
|
||||
id: "f3", title: "Secure Data Solutions", content: "Industry-leading encryption protecting your most valuable assets."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chalk-drawn-arrow-with-copy-space-pointing-up_23-2148456142.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -116,41 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cloud Core",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072174.jpg",
|
||||
},
|
||||
id: "p1", name: "Cloud Core", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072174.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Data Analytics Suite",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-shapes_23-2150979717.jpg",
|
||||
},
|
||||
id: "p2", name: "Data Analytics Suite", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-shapes_23-2150979717.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Mobile Enterprise",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-61023.jpg",
|
||||
},
|
||||
id: "p3", name: "Mobile Enterprise", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-61023.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "AI Insight Hub",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg",
|
||||
},
|
||||
id: "p4", name: "AI Insight Hub", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Security Gateway",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039373.jpg",
|
||||
},
|
||||
id: "p5", name: "Security Gateway", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039373.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Automation Pro",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-getting-tasks-done-with-ai-program-turning-text-prompt-into-videos_482257-118813.jpg",
|
||||
},
|
||||
id: "p6", name: "Automation Pro", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/woman-home-getting-tasks-done-with-ai-program-turning-text-prompt-into-videos_482257-118813.jpg"},
|
||||
]}
|
||||
title="Digital Solutions Catalog"
|
||||
description="Premium software modules to elevate your digital presence."
|
||||
@@ -165,20 +125,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Delivered",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Projects Delivered"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "Uptime Guaranteed",
|
||||
},
|
||||
id: "m2", value: "99.9%", description: "Uptime Guaranteed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
id: "m3", value: "50+", description: "Happy Clients"},
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="Metrics that matter for your growth."
|
||||
@@ -193,25 +144,15 @@ export default function LandingPage() {
|
||||
author="Sarah Johnson, CEO TechCorp"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/software-developer-server-hub-maintaining-optimal-network-performance_482257-113699.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/software-developer-server-hub-maintaining-optimal-network-performance_482257-113699.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man-holding-book_176474-86006.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man-holding-book_176474-86006.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/corporate-man-writing-notepad_23-2148336903.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/corporate-man-writing-notepad_23-2148336903.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -224,20 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we start?",
|
||||
content: "Simply reach out via our contact form.",
|
||||
},
|
||||
id: "q1", title: "How do we start?", content: "Simply reach out via our contact form."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the timeline?",
|
||||
content: "Projects usually start within 1 week of confirmation.",
|
||||
},
|
||||
id: "q2", title: "What is the timeline?", content: "Projects usually start within 1 week of confirmation."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide support?",
|
||||
content: "Yes, all our solutions come with a standard support package.",
|
||||
},
|
||||
id: "q3", title: "Do you provide support?", content: "Yes, all our solutions come with a standard support package."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common queries about our services."
|
||||
@@ -249,16 +181,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Let's Collaborate"
|
||||
title="Ready to Start Your Digital Journey?"
|
||||
description="Send us a message and we will get back to you within 24 hours."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@joury.dz",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:info@joury.dz"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -269,25 +198,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -297,4 +218,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user