Merge version_1 into main #2
299
src/app/page.tsx
299
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="TestimonialHub"
|
||||
/>
|
||||
@@ -55,42 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Turn Feedback into Social Proof"
|
||||
description="TestimonialHub turns your customer feedback into beautiful, ready-to-share social media content in seconds. Build trust, scale your brand, and automate your social proof."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Free Trial", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-dashboard-display_23-2151977856.jpg?_wi=1",
|
||||
imageAlt: "Dashboard Preview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/illustration-landing-page-with-reviews-concept_23-2148244255.jpg",
|
||||
imageAlt: "Dashboard Preview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dating-app-chat-interface_23-2148524231.jpg",
|
||||
imageAlt: "Dashboard Preview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
imageAlt: "Dashboard Preview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-feedback-landing-page-template_23-2148960876.jpg",
|
||||
imageAlt: "Dashboard Preview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg",
|
||||
imageAlt: "Dashboard Preview",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-dashboard-display_23-2151977856.jpg", imageAlt: "Dashboard Preview" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/illustration-landing-page-with-reviews-concept_23-2148244255.jpg", imageAlt: "Dashboard Preview" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/dating-app-chat-interface_23-2148524231.jpg", imageAlt: "Dashboard Preview" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg", imageAlt: "Dashboard Preview" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/flat-feedback-landing-page-template_23-2148960876.jpg", imageAlt: "Dashboard Preview" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg", imageAlt: "Dashboard Preview" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,12 +62,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Creators and Brands"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -114,78 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Automated OCR Extraction",
|
||||
description: "Upload screenshots of your reviews, and our advanced engine extracts the text automatically.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg",
|
||||
imageAlt: "OCR Process",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Instant text recognition",
|
||||
},
|
||||
{
|
||||
icon: Layers,
|
||||
text: "Batch processing",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Secure data handling",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-dashboard-display_23-2151977856.jpg?_wi=2",
|
||||
imageAlt: "digital OCR data extraction",
|
||||
},
|
||||
{
|
||||
title: "Creative Design Templates",
|
||||
description: "Don't just paste text. Style your testimonials with our beautiful, designer-created layouts.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg",
|
||||
imageAlt: "Template Editor",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Layout,
|
||||
text: "Dozens of templates",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Custom branding options",
|
||||
},
|
||||
{
|
||||
icon: Download,
|
||||
text: "High-quality exports",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5560.jpg?_wi=1",
|
||||
imageAlt: "digital OCR data extraction",
|
||||
},
|
||||
{
|
||||
title: "Social Proof Analytics",
|
||||
description: "See how your testimonials are performing. Track views, engagement, and conversion impact.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/some-3d-glasses_23-2147775802.jpg",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: BarChart,
|
||||
text: "Real-time metrics",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
text: "Growth insights",
|
||||
},
|
||||
{
|
||||
icon: PieChart,
|
||||
text: "Custom report generation",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=1",
|
||||
imageAlt: "digital OCR data extraction",
|
||||
},
|
||||
{ title: "Automated OCR Extraction", description: "Upload screenshots of your reviews, and our advanced engine extracts the text automatically.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg", imageAlt: "OCR Process" }, items: [{ icon: Zap, text: "Instant text recognition" }, { icon: Layers, text: "Batch processing" }, { icon: ShieldCheck, text: "Secure data handling" }], reverse: false },
|
||||
{ title: "Creative Design Templates", description: "Don't just paste text. Style your testimonials with our beautiful, designer-created layouts.", media: { imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg", imageAlt: "Template Editor" }, items: [{ icon: Layout, text: "Dozens of templates" }, { icon: Palette, text: "Custom branding options" }, { icon: Download, text: "High-quality exports" }], reverse: true },
|
||||
{ title: "Social Proof Analytics", description: "See how your testimonials are performing. Track views, engagement, and conversion impact.", media: { imageSrc: "http://img.b2bpic.net/free-photo/some-3d-glasses_23-2147775802.jpg", imageAlt: "Analytics" }, items: [{ icon: BarChart, text: "Real-time metrics" }, { icon: TrendingUp, text: "Growth insights" }, { icon: PieChart, text: "Custom report generation" }], reverse: false }
|
||||
]}
|
||||
title="Why choose TestimonialHub?"
|
||||
description="Powerful tools designed to transform how you collect, manage, and share customer success stories."
|
||||
@@ -198,24 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Testimonials Created",
|
||||
value: "125k+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Active Businesses",
|
||||
value: "5,000+",
|
||||
icon: Building,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Conversion Increase",
|
||||
value: "34%",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{ id: "m1", title: "Testimonials Created", value: "125k+", icon: Award },
|
||||
{ id: "m2", title: "Active Businesses", value: "5,000+", icon: Building },
|
||||
{ id: "m3", title: "Conversion Increase", value: "34%", icon: TrendingUp },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Companies using TestimonialHub see a significant boost in engagement and trust."
|
||||
@@ -227,47 +101,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
description="See why brands love TestimonialHub."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "TestimonialHub changed how we present social proof. The templates are stunning!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5560.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "The OCR extraction is a lifesaver. Saves us hours of manual data entry every single day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "I love the template variety. It makes my agency branding look professional and consistent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Super intuitive UI, feels like using a creative tool rather than an admin dashboard.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "Fantastic support and regular updates. The platform is truly evolving for the better.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarah_j", testimonial: "TestimonialHub changed how we present social proof. The templates are stunning!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5560.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "The OCR extraction is a lifesaver. Saves us hours of manual data entry every single day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "I love the template variety. It makes my agency branding look professional and consistent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "Super intuitive UI, feels like using a creative tool rather than an admin dashboard.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg" },
|
||||
{ id: "5", name: "Jessica Lee", handle: "@jlee", testimonial: "Fantastic support and regular updates. The platform is truly evolving for the better.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by the community"
|
||||
@@ -278,15 +118,8 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"Stripe",
|
||||
"Airbnb",
|
||||
"Notion",
|
||||
"Framer",
|
||||
"Canva",
|
||||
]}
|
||||
description="Our partners are the heart of our community."
|
||||
names={["Google", "Microsoft", "Stripe", "Airbnb", "Notion", "Framer", "Canva"]}
|
||||
title="Trusted by innovators"
|
||||
/>
|
||||
</div>
|
||||
@@ -295,21 +128,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Can I use my own branding?",
|
||||
content: "Absolutely. Our editor allows you to customize fonts, colors, and layout elements to perfectly match your brand.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the OCR accurate?",
|
||||
content: "Yes, our engine is specifically tuned for text extracted from common review sources like Yelp, G2, and Google Reviews.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I bulk import?",
|
||||
content: "Yes, the platform supports bulk upload for screenshots, allowing you to process dozens of testimonials in one go.",
|
||||
},
|
||||
{ id: "f1", title: "Can I use my own branding?", content: "Absolutely. Our editor allows you to customize fonts, colors, and layout elements to perfectly match your brand." },
|
||||
{ id: "f2", title: "Is the OCR accurate?", content: "Yes, our engine is specifically tuned for text extracted from common review sources like Yelp, G2, and Google Reviews." },
|
||||
{ id: "f3", title: "Can I bulk import?", content: "Yes, the platform supports bulk upload for screenshots, allowing you to process dozens of testimonials in one go." },
|
||||
]}
|
||||
sideTitle="Questions? Answers."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -319,68 +140,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to turn your feedback into social proof?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Free Trial" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Templates",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Templates", href: "#" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 TestimonialHub"
|
||||
bottomRightText="All rights reserved"
|
||||
|
||||
Reference in New Issue
Block a user