Merge version_2 into main #2
249
src/app/page.tsx
249
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
@@ -30,26 +30,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
button={{
|
||||
text: "Start Building",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Start Building", href: "#contact"}}
|
||||
brandName="OmniBuild AI"
|
||||
/>
|
||||
</div>
|
||||
@@ -58,99 +48,56 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Build Anything With AI"
|
||||
description="OmniBuild transforms your ideas into fully functional websites, mobile apps, and software solutions. Powerful, fast, and built for the future."
|
||||
tag="Powered by Next-Gen AI"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/parallel-blue-stripes-pull-into-perspective-neon-corridor_169016-71439.jpg?_wi=1"
|
||||
imageAlt="AI Powered Software Dashboard"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivier",
|
||||
handle: "@ari",
|
||||
testimonial: "Build time reduced by 80%. Incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg?_wi=1",
|
||||
},
|
||||
name: "Alex Rivier", handle: "@ari", testimonial: "Build time reduced by 80%. Incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg?_wi=1"},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen",
|
||||
testimonial: "OmniBuild is the future of development.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-tablet-user-glasses-happy-about-high-speed-connection_74855-2969.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah Chen", handle: "@schen", testimonial: "OmniBuild is the future of development.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-tablet-user-glasses-happy-about-high-speed-connection_74855-2969.jpg?_wi=1"},
|
||||
{
|
||||
name: "Markus K.",
|
||||
handle: "@mk",
|
||||
testimonial: "Everything worked on the first try.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg?_wi=1",
|
||||
},
|
||||
name: "Markus K.", handle: "@mk", testimonial: "Everything worked on the first try.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg?_wi=1"},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@ev",
|
||||
testimonial: "Complex logic handled with ease.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg?_wi=1",
|
||||
},
|
||||
name: "Elena V.", handle: "@ev", testimonial: "Complex logic handled with ease.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg?_wi=1"},
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@jd",
|
||||
testimonial: "The best platform I've ever used.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=1",
|
||||
},
|
||||
name: "John Doe", handle: "@jd", testimonial: "The best platform I've ever used.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=1"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-tablet-user-glasses-happy-about-high-speed-connection_74855-2969.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-tablet-user-glasses-happy-about-high-speed-connection_74855-2969.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg", alt: "User 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Next.js",
|
||||
},
|
||||
type: "text", text: "Next.js"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tailwind CSS",
|
||||
},
|
||||
type: "text", text: "Tailwind CSS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "TypeScript",
|
||||
},
|
||||
type: "text", text: "TypeScript"},
|
||||
{
|
||||
type: "text",
|
||||
text: "OpenAI API",
|
||||
},
|
||||
type: "text", text: "OpenAI API"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Deploy",
|
||||
},
|
||||
type: "text", text: "Cloud Deploy"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,8 +108,7 @@ export default function LandingPage() {
|
||||
title="Your Vision, Our Code"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,26 +119,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Web",
|
||||
title: "Web Platforms",
|
||||
subtitle: "High-performance sites",
|
||||
description: "SEO optimized, lightning-fast web apps.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-ai-robot-scene_23-2151675036.jpg",
|
||||
},
|
||||
tag: "Web", title: "Web Platforms", subtitle: "High-performance sites", description: "SEO optimized, lightning-fast web apps.", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-ai-robot-scene_23-2151675036.jpg"},
|
||||
{
|
||||
tag: "App",
|
||||
title: "Mobile Apps",
|
||||
subtitle: "iOS & Android",
|
||||
description: "Native-like mobile experiences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg",
|
||||
},
|
||||
tag: "App", title: "Mobile Apps", subtitle: "iOS & Android", description: "Native-like mobile experiences.", imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg"},
|
||||
{
|
||||
tag: "SaaS",
|
||||
title: "SaaS Solutions",
|
||||
subtitle: "Scalable platforms",
|
||||
description: "Enterprise-ready software stacks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-glowing-screen-white-table-night-top-view_169016-53604.jpg",
|
||||
},
|
||||
tag: "SaaS", title: "SaaS Solutions", subtitle: "Scalable platforms", description: "Enterprise-ready software stacks.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-glowing-screen-white-table-night-top-view_169016-53604.jpg"},
|
||||
]}
|
||||
title="What We Build"
|
||||
description="From complex web applications to intuitive mobile experiences, we turn logic into reality."
|
||||
@@ -206,40 +137,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivier",
|
||||
handle: "@ari",
|
||||
testimonial: "Build time reduced by 80%. Incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Alex Rivier", handle: "@ari", testimonial: "Build time reduced by 80%. Incredible.", imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen",
|
||||
testimonial: "OmniBuild is the future of development.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-tablet-user-glasses-happy-about-high-speed-connection_74855-2969.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", handle: "@schen", testimonial: "OmniBuild is the future of development.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-tablet-user-glasses-happy-about-high-speed-connection_74855-2969.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Markus K.",
|
||||
handle: "@mk",
|
||||
testimonial: "Everything worked on the first try.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Markus K.", handle: "@mk", testimonial: "Everything worked on the first try.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena V.",
|
||||
handle: "@ev",
|
||||
testimonial: "Complex logic handled with ease.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Elena V.", handle: "@ev", testimonial: "Complex logic handled with ease.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg?_wi=2"},
|
||||
{
|
||||
id: "5",
|
||||
name: "John Doe",
|
||||
handle: "@jd",
|
||||
testimonial: "The best platform I've ever used.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "John Doe", handle: "@jd", testimonial: "The best platform I've ever used.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=2"},
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Join the builders creating the next wave of digital products."
|
||||
@@ -252,20 +158,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is it legal?",
|
||||
content: "Yes, we only build ethical, compliant, and legal applications.",
|
||||
},
|
||||
id: "1", title: "Is it legal?", content: "Yes, we only build ethical, compliant, and legal applications."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How fast is it?",
|
||||
content: "Most applications are deployed in minutes to days.",
|
||||
},
|
||||
id: "2", title: "How fast is it?", content: "Most applications are deployed in minutes to days."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I edit the code?",
|
||||
content: "Yes, we provide full access to your source code.",
|
||||
},
|
||||
id: "3", title: "Can I edit the code?", content: "Yes, we provide full access to your source code."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our AI build service."
|
||||
@@ -274,67 +171,39 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Let's Build It"
|
||||
description="Tell us what you want to build and we'll handle the rest."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "idea",
|
||||
placeholder: "Describe your idea...",
|
||||
required: true,
|
||||
<ContactText
|
||||
text="Ready to start your next project? We are here to help."
|
||||
background={{
|
||||
variant: "animated-grid"
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/parallel-blue-stripes-pull-into-perspective-neon-corridor_169016-71439.jpg?_wi=2"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Contact Support", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-geometric-shapes-background_23-2148842417.jpg"
|
||||
logoText="OmniBuild AI"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
title: "Platform", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="OmniBuild AI"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user