bender/ecb018bc-a76f-4e2e-8460-2dda220731f8
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-14 15:04:42 +00:00
parent 7b3a1dc4b1
commit b08e064996
1 changed files with 22 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/app/page.tsx
View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -31,14 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home", id: "hero"},
{
name: "Laptops", id: "products"},
{
name: "Support", id: "contact"},
{
name: "FAQ", id: "faq"},
{ name: "Home", id: "hero" },
{ name: "Laptops", id: "products" },
{ name: "Support", id: "contact" },
{ name: "FAQ", id: "faq" },
{ name: "Sign Up", id: "signup" }
]}
brandName="Zenith Laptops"
/>
@@ -46,8 +43,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "glowing-orb"}}
background={{ variant: "glowing-orb" }}
title="Zenith Laptops"
description="Power Meets Premium Technology. Experience the peak of portable computing."
leftCarouselItems={[
@@ -85,17 +81,17 @@ export default function LandingPage() {
description="Engineered for elite performance and unmatched elegance."
features={[
{
title: "AI Integration", description: "Cutting edge AI assisted workflow optimization.", bentoComponent: "chat", aiIcon: Star,
title: "AI Integration", description: "Cutting edge AI assisted workflow optimization.", bentoComponent: "chat", aiIcon: Star,
userIcon: User,
exchanges: [
{ userMessage: "Best laptop for AI?", aiResponse: "Zenith Premium Pro." },
],
placeholder: "Ask Zenith AI..."},
{
title: "Next-Gen Processors", description: "Unrivaled speed and efficiency.", bentoComponent: "reveal-icon", icon: Database
title: "Next-Gen Processors", description: "Unrivaled speed and efficiency.", bentoComponent: "reveal-icon", icon: Database
},
{
title: "System Specs", description: "Core hardware configuration.", bentoComponent: "3d-stack-cards", items: [
title: "System Specs", description: "Core hardware configuration.", bentoComponent: "3d-stack-cards", items: [
{ icon: Shield, title: "Security", subtitle: "Encrypted", detail: "Hardware security." },
{ icon: Zap, title: "Battery", subtitle: "All day", detail: "Extended life." },
{ icon: Globe, title: "Global", subtitle: "Anywhere", detail: "Worldwide support." },
@@ -169,15 +165,17 @@ export default function LandingPage() {
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
<div id="signup" data-section="signup">
<ContactSplitForm
title="Create Your Account"
description="Join the Zenith community today for exclusive access and updates."
inputs={[
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
buttonText="Sign Up"
useInvertedBackground={false}
tag="Contact"
background={{ variant: "plain" }}
title="Get in Touch"
description="Ready to upgrade your gear? Contact us for quotes and availability."
imageSrc="http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072234.jpg"
mediaAnimation="slide-up"
onSubmit={(data) => console.log("Sign up data:", data)}
/>
</div>
@@ -187,11 +185,11 @@ export default function LandingPage() {
logoText="Zenith Laptops"
columns={[
{ title: "Shop", items: [{ label: "Laptops", href: "#products" }, { label: "Comparison", href: "#" }] },
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Help Center", href: "#" }] },
{ title: "Support", items: [{ label: "Contact Us", href: "#signup" }, { label: "Help Center", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}