Update src/app/page.tsx
This commit is contained in:
155
src/app/page.tsx
155
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Landingsite"
|
||||
/>
|
||||
@@ -55,15 +47,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Build Your Landing Page in Seconds."
|
||||
description="Create high-converting, professional landing pages with our easy-to-use platform. No coding knowledge required."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg"
|
||||
/>
|
||||
@@ -88,20 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Performance",
|
||||
description: "Optimized for speed to keep your visitors engaged.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-arrow_23-2149023757.jpg",
|
||||
},
|
||||
title: "Fast Performance", description: "Optimized for speed to keep your visitors engaged.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-arrow_23-2149023757.jpg"},
|
||||
{
|
||||
title: "Secure Infrastructure",
|
||||
description: "Enterprise-grade security to protect your data.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg",
|
||||
},
|
||||
title: "Secure Infrastructure", description: "Enterprise-grade security to protect your data.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg"},
|
||||
{
|
||||
title: "Cloud Integration",
|
||||
description: "Seamlessly connect with your favorite services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-office-desk-with-modern-technology-generated-by-ai_188544-25964.jpg",
|
||||
},
|
||||
title: "Cloud Integration", description: "Seamlessly connect with your favorite services.", imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-office-desk-with-modern-technology-generated-by-ai_188544-25964.jpg"},
|
||||
]}
|
||||
title="Powerful Features"
|
||||
description="Everything you need to launch and grow."
|
||||
@@ -116,25 +96,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Users",
|
||||
description: "Happy customers.",
|
||||
icon: Users,
|
||||
id: "m1", value: "10k+", title: "Users", description: "Happy customers.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Always online.",
|
||||
icon: Zap,
|
||||
id: "m2", value: "99.9%", title: "Uptime", description: "Always online.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always here.",
|
||||
icon: Headphones,
|
||||
id: "m3", value: "24/7", title: "Support", description: "Always here.", icon: Headphones,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -149,40 +117,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
handle: "@sarah",
|
||||
testimonial: "Best tool I've used.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-male-dressed-suit-from-wool_613910-15983.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah", handle: "@sarah", testimonial: "Best tool I've used.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-male-dressed-suit-from-wool_613910-15983.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike",
|
||||
handle: "@mike",
|
||||
testimonial: "Incredible features.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
},
|
||||
id: "t2", name: "Mike", handle: "@mike", testimonial: "Incredible features.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena",
|
||||
handle: "@elena",
|
||||
testimonial: "Fast and reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena", handle: "@elena", testimonial: "Fast and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David",
|
||||
handle: "@david",
|
||||
testimonial: "Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
},
|
||||
id: "t4", name: "David", handle: "@david", testimonial: "Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane",
|
||||
handle: "@jane",
|
||||
testimonial: "Simple and effective.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
|
||||
},
|
||||
id: "t5", name: "Jane", handle: "@jane", testimonial: "Simple and effective.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg"},
|
||||
]}
|
||||
title="Trusted by Experts"
|
||||
description="See why professionals love Landingsite."
|
||||
@@ -190,76 +133,52 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it free?",
|
||||
content: "Yes, we offer a free tier.",
|
||||
},
|
||||
id: "q1", title: "Is it free?", content: "Yes, we offer a free tier."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How to scale?",
|
||||
content: "Check out our pricing plans.",
|
||||
},
|
||||
id: "q2", title: "How to scale?", content: "Check out our pricing plans."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is support provided?",
|
||||
content: "We offer 24/7 support.",
|
||||
},
|
||||
id: "q3", title: "Is support provided?", content: "We offer 24/7 support."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to your questions."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/question-mark-wood-blocks-yellow-background_23-2148464309.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to launch?"
|
||||
description="Get in touch today and start your journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Landingsite"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
title: "Product", items: [{ label: "Features", href: "#features" }],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Support", items: [{ label: "Help", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2025 | Landingsite"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user