Merge version_3 into main #2
226
src/app/page.tsx
226
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
@@ -33,82 +33,36 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MsgReplyAI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Reply Like a Pro in English, Hindi & Hinglish"
|
||||
description="Never struggle with a reply again. Whether you need to sound normal, funny, sarcastic, or roast a friend, our AI handles your messaging with ease."
|
||||
variant: "plain"}}
|
||||
title="The Messaging Response Engine"
|
||||
description="The ultimate AI tool for effortless, witty, and contextual replies. Handle every social interaction with ease—now featuring auto-roast, multi-lingual support, and screenshot OCR."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rahul Verma", handle: "@rahulv", testimonial: "The roast mode is absolutely ruthless. My friends are so confused!", rating: 5
|
||||
},
|
||||
{
|
||||
name: "Priya Sharma", handle: "@priyas", testimonial: "I use the Hinglish mode all the time. It feels so natural.", rating: 5
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201872.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-african-american-girl-with-afro-haircut-holding-mobile-taking-selfie_273609-9246.jpg",
|
||||
alt: "User portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-holding-smartphone-looking-smiling-cheerfully-showing-thumbs-up-standing-white-wall_141793-29170.jpg",
|
||||
alt: "User portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiles-broadly-makes-sefie-portrait-shows-peace-sign-smiles-broadly-walks-around-town-dressed-stylish-clothes-enjoys-leisure-time-urban-setting_273609-54781.jpg",
|
||||
alt: "User portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/morena-fotografia-belleza-sonrisa-parque_1301-1584.jpg",
|
||||
alt: "User portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-man-with-afro-hairstyle-stubble-wears-orange-anorak_273609-8595.jpg",
|
||||
alt: "User portrait",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 50,000+ happy users"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "English Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hindi Language",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hinglish Slang",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Auto-Roast Mode",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Screenshot OCR",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,20 +85,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Multi-Tone Selection",
|
||||
description: "Choose between normal, funny, sarcastic, or roast mode to perfectly match your desired social vibe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-round-white-bluetooth-speaker-gray-laptop-smartphone-side_181624-3694.jpg",
|
||||
},
|
||||
title: "Multi-Tone Selection", description: "Choose between normal, funny, sarcastic, or roast mode to perfectly match your desired social vibe.", imageSrc: "http://img.b2bpic.net/free-photo/large-round-white-bluetooth-speaker-gray-laptop-smartphone-side_181624-3694.jpg"},
|
||||
{
|
||||
title: "Multi-Lingual Support",
|
||||
description: "Seamlessly chat in English, Hindi, and Hinglish with context-aware responses.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/human-brain-detailed-structure_23-2150929948.jpg",
|
||||
},
|
||||
title: "Multi-Lingual Support", description: "Seamlessly chat in English, Hindi, and Hinglish with context-aware responses.", imageSrc: "http://img.b2bpic.net/free-photo/human-brain-detailed-structure_23-2150929948.jpg"},
|
||||
{
|
||||
title: "Screenshot Parsing",
|
||||
description: "Snap a screenshot of the message and let our AI do the hard work instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-businessman-holding-futuristic-internet-equipment-network-generated-by-ai_188544-26813.jpg",
|
||||
},
|
||||
title: "Screenshot Parsing", description: "Snap a screenshot of the message and let our AI do the hard work instantly.", imageSrc: "http://img.b2bpic.net/free-photo/wireless-businessman-holding-futuristic-internet-equipment-network-generated-by-ai_188544-26813.jpg"},
|
||||
]}
|
||||
title="Why Choose Our Assistant?"
|
||||
description="Powerful features designed to keep your conversations engaging and fun."
|
||||
@@ -158,35 +103,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Free",
|
||||
price: "$0",
|
||||
subtitle: "Perfect for casual users",
|
||||
buttons: [
|
||||
id: "basic", badge: "Free", price: "$0", subtitle: "Perfect for casual users", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
},
|
||||
text: "Get Started"},
|
||||
],
|
||||
features: [
|
||||
"10 requests/day",
|
||||
"Normal & Funny modes",
|
||||
],
|
||||
"10 requests/day", "Normal & Funny modes"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$9",
|
||||
subtitle: "For the social power user",
|
||||
buttons: [
|
||||
id: "pro", badge: "Pro", price: "$9", subtitle: "For the social power user", buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
},
|
||||
text: "Upgrade"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited requests",
|
||||
"All modes unlocked",
|
||||
"Screenshot parsing",
|
||||
],
|
||||
"Unlimited requests", "All modes unlocked", "Screenshot parsing"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Plan"
|
||||
@@ -200,45 +130,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Game changer!",
|
||||
quote: "The roast mode is absolutely ruthless. My friends are so confused!",
|
||||
name: "Rahul Verma",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5283.jpg",
|
||||
},
|
||||
id: "1", title: "Game changer!", quote: "The roast mode is absolutely ruthless. My friends are so confused!", name: "Rahul Verma", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5283.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Life saver",
|
||||
quote: "I use the Hinglish mode all the time. It feels so natural.",
|
||||
name: "Priya Sharma",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",
|
||||
},
|
||||
id: "2", title: "Life saver", quote: "I use the Hinglish mode all the time. It feels so natural.", name: "Priya Sharma", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Hilarious",
|
||||
quote: "Seriously the funniest AI for messaging I've tried.",
|
||||
name: "Amit Kumar",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-woman-smile-away-enjoy-with-summer-field-evening-with-vintage-tone-filter_1150-1168.jpg",
|
||||
},
|
||||
id: "3", title: "Hilarious", quote: "Seriously the funniest AI for messaging I've tried.", name: "Amit Kumar", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/hipster-woman-smile-away-enjoy-with-summer-field-evening-with-vintage-tone-filter_1150-1168.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Must have!",
|
||||
quote: "Screenshot parsing actually works perfect. Saves so much typing.",
|
||||
name: "Sneha Patil",
|
||||
role: "Marketer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-dark-skinned-guy-shouts-emotionally-keeps-mouth-wide-opened-eyes-shut-wears-warm-white-sweater-headphones-around-neck_273609-32883.jpg",
|
||||
},
|
||||
id: "4", title: "Must have!", quote: "Screenshot parsing actually works perfect. Saves so much typing.", name: "Sneha Patil", role: "Marketer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-dark-skinned-guy-shouts-emotionally-keeps-mouth-wide-opened-eyes-shut-wears-warm-white-sweater-headphones-around-neck_273609-32883.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Great",
|
||||
quote: "Finally an AI that understands Hinglish banter.",
|
||||
name: "Vikram Singh",
|
||||
role: "Freelancer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-red-hair-woman-casual-orange-blouse-green-wall-look-camera-excited-smile-laugh_343596-6923.jpg",
|
||||
},
|
||||
id: "5", title: "Great", quote: "Finally an AI that understands Hinglish banter.", name: "Vikram Singh", role: "Freelancer", imageSrc: "http://img.b2bpic.net/free-photo/young-red-hair-woman-casual-orange-blouse-green-wall-look-camera-excited-smile-laugh_343596-6923.jpg"},
|
||||
]}
|
||||
title="Loved by Friends"
|
||||
description="See what our users say about the replies they get."
|
||||
@@ -252,26 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50K+",
|
||||
title: "Happy Users",
|
||||
description: "People relying on our AI for banter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148218237.jpg",
|
||||
},
|
||||
id: "m1", value: "50K+", title: "Happy Users", description: "People relying on our AI for banter.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148218237.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1M+",
|
||||
title: "Responses",
|
||||
description: "Messages sent using our engine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-cutting-carrot-close-up_23-2148994140.jpg",
|
||||
},
|
||||
id: "m2", value: "1M+", title: "Responses", description: "Messages sent using our engine.", imageSrc: "http://img.b2bpic.net/free-photo/hands-cutting-carrot-close-up_23-2148994140.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3",
|
||||
title: "Languages",
|
||||
description: "Eng, Hindi, and Hinglish fluent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/touch-screen-technology-connects-modern-mobile-phone-users-generated-by-ai_188544-17120.jpg",
|
||||
},
|
||||
id: "m3", value: "3", title: "Languages", description: "Eng, Hindi, and Hinglish fluent.", imageSrc: "http://img.b2bpic.net/free-photo/touch-screen-technology-connects-modern-mobile-phone-users-generated-by-ai_188544-17120.jpg"},
|
||||
]}
|
||||
title="Milestones We've Reached"
|
||||
description="Our community is growing rapidly."
|
||||
@@ -284,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it really free?",
|
||||
content: "Yes, we offer a basic free tier for everyday messaging.",
|
||||
},
|
||||
id: "q1", title: "Is it really free?", content: "Yes, we offer a basic free tier for everyday messaging."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Does it support Hinglish?",
|
||||
content: "Absolutely, our models are trained specifically to handle Hinglish slang.",
|
||||
},
|
||||
id: "q2", title: "Does it support Hinglish?", content: "Absolutely, our models are trained specifically to handle Hinglish slang."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I upload images?",
|
||||
content: "Just use the image input button, and our OCR engine will read it.",
|
||||
},
|
||||
id: "q3", title: "How do I upload images?", content: "Just use the image input button, and our OCR engine will read it."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our reply assistant."
|
||||
@@ -309,13 +185,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to master your chats? Get started with MsgReplyAI today and never run out of comebacks."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
},
|
||||
text: "Contact Support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -325,29 +199,19 @@ export default function LandingPage() {
|
||||
logoText="MsgReplyAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -356,4 +220,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user