Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
311
src/app/page.tsx
311
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { CheckCircle, Users, Video } from "lucide-react";
|
||||
import { CheckCircle, Users, Video, Zap, Volume2, Apple, Upload } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
name: "Gallery", id: "#gallery"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="FruitAI ASMR"
|
||||
/>
|
||||
@@ -56,99 +48,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Create Hypnotic ASMR Fruit Cutting Videos"
|
||||
description="Our AI-powered engine transforms high-fidelity visuals and crisp audio into professional-grade ASMR content in seconds. Generate, edit, and share unique sensory experiences."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@asmrpro",
|
||||
testimonial: "The precision of the blade physics is simply mind-blowing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-special-white-suit-wearing-protective-helmet-holding-injection-pink_140725-30491.jpg",
|
||||
},
|
||||
name: "Alex R.", handle: "@asmrpro", testimonial: "The precision of the blade physics is simply mind-blowing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-special-white-suit-wearing-protective-helmet-holding-injection-pink_140725-30491.jpg"},
|
||||
{
|
||||
name: "Sam K.",
|
||||
handle: "@fruitfan",
|
||||
testimonial: "I generated 100+ videos in a single afternoon. Amazing tool.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tablet-desk_23-2149390295.jpg",
|
||||
},
|
||||
name: "Sam K.", handle: "@fruitfan", testimonial: "I generated 100+ videos in a single afternoon. Amazing tool.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tablet-desk_23-2149390295.jpg"},
|
||||
{
|
||||
name: "Dana L.",
|
||||
handle: "@contentqueen",
|
||||
testimonial: "The sound quality is crisp and triggers my tingles perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-blogger-girl-is-closing-eyes-by-crossing-fingers-blue-background_176474-116528.jpg",
|
||||
},
|
||||
name: "Dana L.", handle: "@contentqueen", testimonial: "The sound quality is crisp and triggers my tingles perfectly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-blogger-girl-is-closing-eyes-by-crossing-fingers-blue-background_176474-116528.jpg"},
|
||||
{
|
||||
name: "Chris M.",
|
||||
handle: "@asmrmaster",
|
||||
testimonial: "Finally, a tool that understands the nuance of ASMR.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-glasses-posing-headphones-white-background-high-quality-photo_114579-26008.jpg",
|
||||
},
|
||||
name: "Chris M.", handle: "@asmrmaster", testimonial: "Finally, a tool that understands the nuance of ASMR.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-glasses-posing-headphones-white-background-high-quality-photo_114579-26008.jpg"},
|
||||
{
|
||||
name: "Jamie T.",
|
||||
handle: "@fruitasmr",
|
||||
testimonial: "Seamless integration with my workflow.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-young-woman-stretches-arms-makes-selfie-walk-urban-setting-wears-casual-green-jumper-has-confident-look-camera-female-blogger-records-video-front-camera_273609-56681.jpg",
|
||||
},
|
||||
name: "Jamie T.", handle: "@fruitasmr", testimonial: "Seamless integration with my workflow.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-young-woman-stretches-arms-makes-selfie-walk-urban-setting-wears-casual-green-jumper-has-confident-look-camera-female-blogger-records-video-front-camera_273609-56681.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Creating",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Creating", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-fresh-kiwi-slices-wooden-kitchen-board-with-knife-with-lemons-colorful-apples-isolated-green-surface_141793-81351.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-fresh-kiwi-slices-wooden-kitchen-board-with-knife-with-lemons-colorful-apples-isolated-green-surface_141793-81351.jpg"
|
||||
imageAlt="AI fruit cutting simulation"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/trans-man-work-using-his-smartphone_23-2149409848.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/trans-man-work-using-his-smartphone_23-2149409848.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-with-headphones-around-neck_23-2148397126.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-with-headphones-around-neck_23-2148397126.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-with-headphones_23-2148937643.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-with-headphones_23-2148937643.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453488.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453488.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-sunglasses-orange-background_23-2149019993.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-sunglasses-orange-background_23-2149019993.jpg", alt: "User 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Powered",
|
||||
},
|
||||
type: "text", text: "AI Powered"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Realtime Slicing",
|
||||
},
|
||||
type: "text", text: "Realtime Slicing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra HD",
|
||||
},
|
||||
type: "text", text: "Ultra HD"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Binaural Sound",
|
||||
},
|
||||
type: "text", text: "Binaural Sound"},
|
||||
{
|
||||
type: "text",
|
||||
text: "One-Click Render",
|
||||
},
|
||||
type: "text", text: "One-Click Render"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,9 +108,7 @@ export default function LandingPage() {
|
||||
title="The Future of Sensory Content"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,33 +119,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Physics",
|
||||
description: "Accurate slice simulation for realistic tactile feedback.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-wave-pattern-ignites-futuristic-technology-generated-by-ai_188544-18502.jpg",
|
||||
imageAlt: "ai interface tech",
|
||||
},
|
||||
title: "Precision Physics", description: "Accurate slice simulation for realistic tactile feedback.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-wave-pattern-ignites-futuristic-technology-generated-by-ai_188544-18502.jpg", imageAlt: "ai interface tech"},
|
||||
{
|
||||
title: "Binaural Audio",
|
||||
description: "Hyper-realistic sound synthesis for deepest immersion.",
|
||||
buttonIcon: "Volume2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-kiwi-slices-wooden-kitchen-board-with-knife-with-lemons-colorful-apples-isolated-green-surface_141793-81351.jpg?_wi=2",
|
||||
imageAlt: "ai interface tech",
|
||||
},
|
||||
title: "Binaural Audio", description: "Hyper-realistic sound synthesis for deepest immersion.", buttonIcon: Volume2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-kiwi-slices-wooden-kitchen-board-with-knife-with-lemons-colorful-apples-isolated-green-surface_141793-81351.jpg", imageAlt: "ai interface tech"},
|
||||
{
|
||||
title: "Infinite Fruit Library",
|
||||
description: "From citrus to tropical, explore every texture imaginable.",
|
||||
buttonIcon: "Apple",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-black-smartwatch-with-fabric-strap_9975-133785.jpg",
|
||||
imageAlt: "ai interface tech",
|
||||
},
|
||||
title: "Infinite Fruit Library", description: "From citrus to tropical, explore every texture imaginable.", buttonIcon: Apple,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-black-smartwatch-with-fabric-strap_9975-133785.jpg", imageAlt: "ai interface tech"},
|
||||
{
|
||||
title: "One-Click Export",
|
||||
description: "Optimized formats for TikTok, YouTube, and Reels.",
|
||||
buttonIcon: "Upload",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-code-logo-collection_23-2148855323.jpg",
|
||||
imageAlt: "ai interface tech",
|
||||
},
|
||||
title: "One-Click Export", description: "Optimized formats for TikTok, YouTube, and Reels.", buttonIcon: Upload,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-code-logo-collection_23-2148855323.jpg", imageAlt: "ai interface tech"},
|
||||
]}
|
||||
title="State of the Art Features"
|
||||
description="Built for creators who demand high-quality, zero-effort content generation."
|
||||
@@ -213,25 +144,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
title: "Videos Generated",
|
||||
description: "Total AI content created.",
|
||||
icon: Video,
|
||||
id: "m1", value: "1M+", title: "Videos Generated", description: "Total AI content created.", icon: Video,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500k",
|
||||
title: "Active Creators",
|
||||
description: "Using our engine daily.",
|
||||
icon: Users,
|
||||
id: "m2", value: "500k", title: "Active Creators", description: "Using our engine daily.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Success Rate",
|
||||
description: "Rendering consistency.",
|
||||
icon: CheckCircle,
|
||||
id: "m3", value: "99.9%", title: "Success Rate", description: "Rendering consistency.", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Proven Impact"
|
||||
@@ -247,47 +166,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Kiwi Slice",
|
||||
price: "AI",
|
||||
variant: "Crisp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ripe-kiwi-fruit_23-2148244671.jpg",
|
||||
},
|
||||
id: "p1", name: "Kiwi Slice", price: "AI", variant: "Crisp", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ripe-kiwi-fruit_23-2148244671.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Strawberry",
|
||||
price: "AI",
|
||||
variant: "Soft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-raspberries-arranged-white-backdrop_23-2147946430.jpg",
|
||||
},
|
||||
id: "p2", name: "Strawberry", price: "AI", variant: "Soft", imageSrc: "http://img.b2bpic.net/free-photo/red-raspberries-arranged-white-backdrop_23-2147946430.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Mango",
|
||||
price: "AI",
|
||||
variant: "Juicy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-juicy-grapefruit-pulp_23-2148231423.jpg",
|
||||
},
|
||||
id: "p3", name: "Mango", price: "AI", variant: "Juicy", imageSrc: "http://img.b2bpic.net/free-photo/close-up-juicy-grapefruit-pulp_23-2148231423.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Apple",
|
||||
price: "AI",
|
||||
variant: "Crunchy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-frame-dried-dates_23-2147916358.jpg",
|
||||
},
|
||||
id: "p4", name: "Apple", price: "AI", variant: "Crunchy", imageSrc: "http://img.b2bpic.net/free-photo/full-frame-dried-dates_23-2147916358.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Lime",
|
||||
price: "AI",
|
||||
variant: "Zesty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nutritious-food-texture_23-2148964873.jpg",
|
||||
},
|
||||
id: "p5", name: "Lime", price: "AI", variant: "Zesty", imageSrc: "http://img.b2bpic.net/free-photo/close-up-nutritious-food-texture_23-2148964873.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Melon",
|
||||
price: "AI",
|
||||
variant: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-exotic-dragon-fruit_23-2149090898.jpg",
|
||||
},
|
||||
id: "p6", name: "Melon", price: "AI", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-exotic-dragon-fruit_23-2149090898.jpg"},
|
||||
]}
|
||||
title="Explore Our Catalog"
|
||||
description="Discover high-definition textures ready for your next project."
|
||||
@@ -301,59 +190,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Pro Editor",
|
||||
company: "ASMR Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-getting-manicure_23-2150507015.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Pro Editor", company: "ASMR Labs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-getting-manicure_23-2150507015.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "YouTuber",
|
||||
company: "VlogCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-photo-smiling-african-young-man-big-hat-posing-close-up-portrait-chilling-guy-black-headphones-spending-time-park_197531-21896.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", role: "YouTuber", company: "VlogCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-photo-smiling-african-young-man-big-hat-posing-close-up-portrait-chilling-guy-black-headphones-spending-time-park_197531-21896.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena P.",
|
||||
role: "Creator",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020040.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena P.", role: "Creator", company: "Studio X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020040.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John B.",
|
||||
role: "Artist",
|
||||
company: "Creative Minds",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-stylish-woman-coat-joyfully-looking-camera-walking-through-city-street_574295-2122.jpg",
|
||||
},
|
||||
id: "t4", name: "John B.", role: "Artist", company: "Creative Minds", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-stylish-woman-coat-joyfully-looking-camera-walking-through-city-street_574295-2122.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda W.",
|
||||
role: "Producer",
|
||||
company: "Sonic Media",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-attractive-young-woman-red-cap-looking-camera_23-2148187413.jpg",
|
||||
},
|
||||
id: "t5", name: "Linda W.", role: "Producer", company: "Sonic Media", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-attractive-young-woman-red-cap-looking-camera_23-2148187413.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5x",
|
||||
label: "Faster Production",
|
||||
},
|
||||
value: "5x", label: "Faster Production"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Availability",
|
||||
},
|
||||
value: "24/7", label: "Availability"},
|
||||
{
|
||||
value: "Global",
|
||||
label: "Accessibility",
|
||||
},
|
||||
value: "Global", label: "Accessibility"},
|
||||
]}
|
||||
title="Voices of the Community"
|
||||
description="See why top creators choose FruitAI ASMR."
|
||||
@@ -365,20 +223,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it free?",
|
||||
content: "Yes, we offer a generous free tier for all users.",
|
||||
},
|
||||
id: "f1", title: "Is it free?", content: "Yes, we offer a generous free tier for all users."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How does it work?",
|
||||
content: "Simply choose your fruit and let our AI engine handle the rest.",
|
||||
},
|
||||
id: "f2", title: "How does it work?", content: "Simply choose your fruit and let our AI engine handle the rest."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I monetize?",
|
||||
content: "Absolutely, all generated assets are royalty-free.",
|
||||
},
|
||||
id: "f3", title: "Can I monetize?", content: "Absolutely, all generated assets are royalty-free."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -389,8 +238,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to Start?"
|
||||
title="Join the ASMR Revolution"
|
||||
description="Sign up today and get your first 100 clips for free."
|
||||
@@ -402,42 +250,27 @@ export default function LandingPage() {
|
||||
logoText="FruitAI ASMR"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Gallery", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user