Merge version_1 into main #2
315
src/app/page.tsx
315
src/app/page.tsx
@@ -31,24 +31,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="SnapLingo"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,75 +46,30 @@ export default function LandingPage() {
|
||||
description="Upload a photo, extract text, and translate seamlessly. Our AI-powered OCR technology makes document management effortless."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivera",
|
||||
handle: "@alexr",
|
||||
testimonial: "This tool changed my workflow completely. SnapLingo is lightning fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg?_wi=1",
|
||||
imageAlt: "modern ai translation interface dark mode",
|
||||
},
|
||||
name: "Alex Rivera", handle: "@alexr", testimonial: "This tool changed my workflow completely. SnapLingo is lightning fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg", imageAlt: "modern ai translation interface dark mode"},
|
||||
{
|
||||
name: "Elena Kim",
|
||||
handle: "@elenak",
|
||||
testimonial: "Extremely accurate translations for my business documents.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-equal-rights-symbol-concept_23-2148415348.jpg?_wi=1",
|
||||
imageAlt: "modern ai translation interface dark mode",
|
||||
},
|
||||
name: "Elena Kim", handle: "@elenak", testimonial: "Extremely accurate translations for my business documents.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-equal-rights-symbol-concept_23-2148415348.jpg", imageAlt: "modern ai translation interface dark mode"},
|
||||
{
|
||||
name: "Marcus Chen",
|
||||
handle: "@marcusc",
|
||||
testimonial: "Clean design and intuitive. Couldn't ask for a better translation app.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/language-concept-background_23-2147865025.jpg?_wi=1",
|
||||
imageAlt: "modern ai translation interface dark mode",
|
||||
},
|
||||
name: "Marcus Chen", handle: "@marcusc", testimonial: "Clean design and intuitive. Couldn't ask for a better translation app.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/language-concept-background_23-2147865025.jpg", imageAlt: "modern ai translation interface dark mode"},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "The side-by-side view is a game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062967.jpg?_wi=1",
|
||||
imageAlt: "modern ai translation interface dark mode",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@sarahm", testimonial: "The side-by-side view is a game changer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062967.jpg", imageAlt: "modern ai translation interface dark mode"},
|
||||
{
|
||||
name: "David Zhou",
|
||||
handle: "@davidz",
|
||||
testimonial: "Super reliable OCR. Works flawlessly every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg?_wi=1",
|
||||
imageAlt: "modern ai translation interface dark mode",
|
||||
},
|
||||
name: "David Zhou", handle: "@davidz", testimonial: "Super reliable OCR. Works flawlessly every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg", imageAlt: "modern ai translation interface dark mode"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg?_wi=2"
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg"
|
||||
imageAlt="AI translation dashboard interface"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-bearded-male-dressed-fleece-shirt-jacket-using-smart-phone_613910-1283.jpg",
|
||||
alt: "User testimonial portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
|
||||
alt: "User testimonial portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg",
|
||||
alt: "User testimonial portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
||||
alt: "User testimonial portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-997.jpg",
|
||||
alt: "User testimonial portrait 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-bearded-male-dressed-fleece-shirt-jacket-using-smart-phone_613910-1283.jpg", alt: "User testimonial portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", alt: "User testimonial portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg", alt: "User testimonial portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg", alt: "User testimonial portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-997.jpg", alt: "User testimonial portrait 5" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ users worldwide"
|
||||
/>
|
||||
@@ -139,40 +82,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Snap a Photo",
|
||||
description: "Upload any document photo and our AI captures the text instantly.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-equal-rights-symbol-concept_23-2148415348.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/menu-right-side_187299-40096.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg?_wi=3",
|
||||
imageAlt: "fast ocr icon digital",
|
||||
title: "Snap a Photo", description: "Upload any document photo and our AI captures the text instantly.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/colorful-equal-rights-symbol-concept_23-2148415348.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/menu-right-side_187299-40096.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Instant Translation",
|
||||
description: "Translate your text into multiple languages with one click.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/language-concept-background_23-2147865025.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-many-applications_1134-190.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062967.jpg?_wi=2",
|
||||
imageAlt: "fast ocr icon digital",
|
||||
title: "Instant Translation", description: "Translate your text into multiple languages with one click.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/language-concept-background_23-2147865025.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-many-applications_1134-190.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Export to PDF",
|
||||
description: "Download your translated document as a polished PDF file.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/free-download-buttons-collection-design_23-2149902438.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-laptop-computer-office_329181-14583.jpg",
|
||||
imageAlt: "fast ocr icon digital",
|
||||
title: "Export to PDF", description: "Download your translated document as a polished PDF file.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/free-download-buttons-collection-design_23-2149902438.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -187,24 +106,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Avg. Processing Time",
|
||||
value: "2s",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Globe,
|
||||
title: "Languages Supported",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: CheckCircle,
|
||||
title: "OCR Accuracy",
|
||||
value: "99%",
|
||||
},
|
||||
{ id: "m1", icon: Zap, title: "Avg. Processing Time", value: "2s" },
|
||||
{ id: "m2", icon: Globe, title: "Languages Supported", value: "50+" },
|
||||
{ id: "m3", icon: CheckCircle, title: "OCR Accuracy", value: "99%" },
|
||||
]}
|
||||
title="Our Capabilities"
|
||||
description="Precision and speed you can rely on."
|
||||
@@ -218,38 +122,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Essential",
|
||||
price: "$0",
|
||||
subtitle: "For casual users",
|
||||
features: [
|
||||
"5 scans/mo",
|
||||
"Basic translation",
|
||||
"Standard support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "free", badge: "Essential", price: "$0", subtitle: "For casual users", features: ["5 scans/mo", "Basic translation", "Standard support"],
|
||||
buttons: [{ text: "Get Started", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$19",
|
||||
subtitle: "For power users",
|
||||
features: [
|
||||
"Unlimited scans",
|
||||
"All languages",
|
||||
"Priority support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade Now",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$19", subtitle: "For power users", features: ["Unlimited scans", "All languages", "Priority support"],
|
||||
buttons: [{ text: "Upgrade Now", href: "#" }],
|
||||
},
|
||||
]}
|
||||
title="Choose your plan"
|
||||
@@ -262,61 +140,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex",
|
||||
date: "Oct 2023",
|
||||
title: "Designer",
|
||||
quote: "Incredible performance.",
|
||||
tag: "Work",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg?_wi=4",
|
||||
imageAlt: "professional headshot diverse person",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena",
|
||||
date: "Sep 2023",
|
||||
title: "CEO",
|
||||
quote: "Game-changing workflow.",
|
||||
tag: "Business",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-man-with-laptop-computer-office_329181-14583.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-equal-rights-symbol-concept_23-2148415348.jpg?_wi=3",
|
||||
imageAlt: "professional headshot diverse person",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus",
|
||||
date: "Aug 2023",
|
||||
title: "Freelancer",
|
||||
quote: "Simple, fast, effective.",
|
||||
tag: "Personal",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/language-concept-background_23-2147865025.jpg?_wi=3",
|
||||
imageAlt: "professional headshot diverse person",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah",
|
||||
date: "Jul 2023",
|
||||
title: "Writer",
|
||||
quote: "Love the side-by-side view.",
|
||||
tag: "Creative",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062967.jpg?_wi=3",
|
||||
imageAlt: "professional headshot diverse person",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David",
|
||||
date: "Jun 2023",
|
||||
title: "Analyst",
|
||||
quote: "Highly recommended tool.",
|
||||
tag: "Business",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-technology-background_1017-3299.jpg?_wi=1",
|
||||
imageAlt: "professional headshot diverse person",
|
||||
},
|
||||
{ id: "t1", name: "Alex", date: "Oct 2023", title: "Designer", quote: "Incredible performance.", tag: "Work", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg" },
|
||||
{ id: "t2", name: "Elena", date: "Sep 2023", title: "CEO", quote: "Game-changing workflow.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/happy-man-with-laptop-computer-office_329181-14583.jpg" },
|
||||
{ id: "t3", name: "Marcus", date: "Aug 2023", title: "Freelancer", quote: "Simple, fast, effective.", tag: "Personal", avatarSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg" },
|
||||
{ id: "t4", name: "Sarah", date: "Jul 2023", title: "Writer", quote: "Love the side-by-side view.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg" },
|
||||
{ id: "t5", name: "David", date: "Jun 2023", title: "Analyst", quote: "Highly recommended tool.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg" },
|
||||
]}
|
||||
title="Hear from our users"
|
||||
description="Don't just take our word for it."
|
||||
@@ -328,21 +156,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is OCR accurate?",
|
||||
content: "Yes, we use industry-leading Tesseract engine for high precision.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How many languages?",
|
||||
content: "We support over 50 languages currently.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my data secure?",
|
||||
content: "Absolutely. We encrypt all processed document data.",
|
||||
},
|
||||
{ id: "q1", title: "Is OCR accurate?", content: "Yes, we use industry-leading Tesseract engine for high precision." },
|
||||
{ id: "q2", title: "How many languages?", content: "We support over 50 languages currently." },
|
||||
{ id: "q3", title: "Is my data secure?", content: "Absolutely. We encrypt all processed document data." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
@@ -358,52 +174,19 @@ export default function LandingPage() {
|
||||
title="Contact Us"
|
||||
description="Have questions? We're here to help."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-technology-background_1017-3299.jpg?_wi=2"
|
||||
textarea={{ name: "message", placeholder: "Your message" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-technology-background_1017-3299.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Support", href: "#" }] },
|
||||
]}
|
||||
logoText="SnapLingo"
|
||||
/>
|
||||
@@ -411,4 +194,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user