Merge version_2 into main #5
121
src/app/page.tsx
121
src/app/page.tsx
@@ -26,20 +26,15 @@ export default function LandingPage() {
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
enableDarkMode={true}
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="GenSentence"
|
||||
/>
|
||||
@@ -47,20 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Transform Words into Sentences Instantly"
|
||||
description="Harness the power of AI to generate clean, beginner-friendly sentences from your word lists. Enter your words and let the intelligence do the rest."
|
||||
tag="AI Sentence Engine"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Generating", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Start Generating", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3g8r88", imageAlt: "ai interface holographic dark"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1wakbu&_wi=1", imageAlt: "abstract 3d shapes dark background"}
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3g8r88", imageAlt: "ai interface holographic dark" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1wakbu&_wi=1", imageAlt: "abstract 3d shapes dark background" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -75,12 +64,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Simple Generation", description: "Just type words and click go.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xozeam", imageAlt: "open book icon minimal"},
|
||||
{
|
||||
title: "AI Powered", description: "High quality models ensure accuracy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z8rjv0", imageAlt: "magic wand icon minimal"},
|
||||
{
|
||||
title: "Fast Results", description: "Instant processing for your workflow.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ybd7q", imageAlt: "checkmark icon clean modern"},
|
||||
{ title: "Simple Generation", description: "Just type words and click go.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xozeam", imageAlt: "open book icon minimal" },
|
||||
{ title: "AI Powered", description: "High quality models ensure accuracy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z8rjv0", imageAlt: "magic wand icon minimal" },
|
||||
{ title: "Fast Results", description: "Instant processing for your workflow.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ybd7q", imageAlt: "checkmark icon clean modern" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We offer a streamlined experience designed for clarity and rapid production of simple sentences."
|
||||
@@ -93,15 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", title: "Sentences Created", value: "1M+", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "m2", title: "Happy Users", value: "50K", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3", title: "Accuracy Rate", value: "99.9%", icon: Target,
|
||||
},
|
||||
{ id: "m1", title: "Sentences Created", value: "1M+", icon: Sparkles },
|
||||
{ id: "m2", title: "Happy Users", value: "50K", icon: Users },
|
||||
{ id: "m3", title: "Accuracy Rate", value: "99.9%", icon: Target },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Milestones we have achieved so far."
|
||||
@@ -115,18 +95,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Daily Routines", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9cgxgx"},
|
||||
{
|
||||
id: "p2", name: "Educational", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ujnd6g"},
|
||||
{
|
||||
id: "p3", name: "Creative Writing", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=89gikr"},
|
||||
{
|
||||
id: "p4", name: "Work Mails", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vjjqim"},
|
||||
{
|
||||
id: "p5", name: "Conversational", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z5qcmc"},
|
||||
{
|
||||
id: "p6", name: "Professional", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9vvkee"},
|
||||
{ id: "p1", name: "Daily Routines", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9cgxgx" },
|
||||
{ id: "p2", name: "Educational", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ujnd6g" },
|
||||
{ id: "p3", name: "Creative Writing", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=89gikr" },
|
||||
{ id: "p4", name: "Work Mails", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vjjqim" },
|
||||
{ id: "p5", name: "Conversational", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z5qcmc" },
|
||||
{ id: "p6", name: "Professional", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9vvkee" },
|
||||
]}
|
||||
title="Example Output Categories"
|
||||
description="Check how your words become sentences."
|
||||
@@ -139,21 +113,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alice", handle: "@alice", testimonial: "Amazing tool!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=quwfee"},
|
||||
{
|
||||
id: "2", name: "Bob", handle: "@bob", testimonial: "Very easy to use.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i79lab"},
|
||||
{
|
||||
id: "3", name: "Charlie", handle: "@char", testimonial: "Perfect for school.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qcbhsp"},
|
||||
{
|
||||
id: "4", name: "Diana", handle: "@diana", testimonial: "AI is so fast.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yd39o5"},
|
||||
{
|
||||
id: "5", name: "Edward", handle: "@ed", testimonial: "Highly recommended.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ng59b"},
|
||||
{ id: "1", name: "Alice", handle: "@alice", testimonial: "Amazing tool!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=quwfee" },
|
||||
{ id: "2", name: "Bob", handle: "@bob", testimonial: "Very easy to use.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i79lab" },
|
||||
{ id: "3", name: "Charlie", handle: "@char", testimonial: "Perfect for school.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qcbhsp" },
|
||||
{ id: "4", name: "Diana", handle: "@diana", testimonial: "AI is so fast.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yd39o5" },
|
||||
{ id: "5", name: "Edward", handle: "@ed", testimonial: "Highly recommended.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ng59b" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="User Reviews"
|
||||
@@ -165,12 +129,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How does it work?", content: "You provide words, we use AI to form sentences."},
|
||||
{
|
||||
id: "f2", title: "Is it free?", content: "Yes, basic generation is free."},
|
||||
{
|
||||
id: "f3", title: "Can I use for work?", content: "Absolutely."},
|
||||
{ id: "f1", title: "How does it work?", content: "You provide words, we use AI to form sentences." },
|
||||
{ id: "f2", title: "Is it free?", content: "Yes, basic generation is free." },
|
||||
{ id: "f3", title: "Can I use for work?", content: "Absolutely." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Find answers here."
|
||||
@@ -184,13 +145,9 @@ export default function LandingPage() {
|
||||
title="Try it now"
|
||||
description="Enter your words below and hit Generate."
|
||||
inputs={[
|
||||
{
|
||||
name: "words", type: "text", placeholder: "apple, travel, happy", required: true,
|
||||
},
|
||||
{ name: "words", type: "text", placeholder: "apple, travel, happy", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "output", placeholder: "Generated sentences will appear here...", rows: 6,
|
||||
}}
|
||||
textarea={{ name: "output", placeholder: "Generated sentences will appear here...", rows: 6 }}
|
||||
buttonText="Generate Sentences"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1wakbu&_wi=2"
|
||||
/>
|
||||
@@ -199,22 +156,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
{ items: [{ label: "Support", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="GenSentence"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user