Merge version_2 into main #1
316
src/app/page.tsx
316
src/app/page.tsx
@@ -32,91 +32,32 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Menu", id: "product"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Webild"
|
||||
brandName="Culinary Delight"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Turn Your Best Ideas into Professional Websites Instantly"
|
||||
description="Generate high-converting, fully customized websites in seconds. Perfect for startups, agencies, and entrepreneurs."
|
||||
variant: "gradient-bars"}}
|
||||
title="Authentic Flavors, Delivered to Your Table"
|
||||
description="Experience the perfect blend of traditional breakfast comfort and exquisite French pastry craftsmanship."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Building",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "View Our Menu", href: "#product"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/gradient-abstract-technology-infographic-template_23-2149164233.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chilaquiles-green-sauce-chicken-breakfast-mexican-food_140725-7834.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149173599.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/website-technology-landing-page_23-2148276807.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149120073.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/gradient-abstract-technology-landing-page-template_23-2149164222.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-tablet-pc-credit-card-indoor-shopping-online_1391-144.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ happy creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-post-its_23-2149930951.jpg",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/female-african-american-young-entrepreneur-looking-revenue-statistics-data-laptop-screen-accountant-analyzing-diagrams-computer-home-office-remote-bookkeeping-service_482257-48386.jpg",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -125,18 +66,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Future of Web Development is ",
|
||||
},
|
||||
type: "text", content: "Where Tradition Meets "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/multiethnic-team-engineers-working-high-tech-server-hub_482257-123947.jpg",
|
||||
alt: "About us",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/fresh-croissants-table_144627-25102.jpg", alt: "Pastry art"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Here",
|
||||
},
|
||||
type: "text", content: " Modern Sophistication"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,38 +82,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Cloud Integration",
|
||||
author: "Platform",
|
||||
description: "Seamlessly connect your tools and data.",
|
||||
tags: [
|
||||
"Performance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-100-years-celebration-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-8388.jpg",
|
||||
},
|
||||
id: "1", title: "Signature Chilaquiles", author: "Breakfast Special", description: "Crispy tortilla chips simmered in our homemade salsa verde, topped with fresh cream, queso fresco, and onions.", tags: ["Savory", "Popular"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chilaquiles-green-sauce-breakfast_140725-7834.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Auto-Optimize",
|
||||
author: "Platform",
|
||||
description: "Automatic code and speed optimization.",
|
||||
tags: [
|
||||
"Speed",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/banners-about-seo_1212-25.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Advanced Analytics",
|
||||
author: "Platform",
|
||||
description: "Track your success with deep insights.",
|
||||
tags: [
|
||||
"Growth",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-focusing-teamwork_53876-71503.jpg",
|
||||
},
|
||||
id: "2", title: "Artisan Eclairs", author: "Pastry Specialty", description: "Delicate choux pastry filled with velvet smooth ganache, finished with a crisp chocolate glaze.", tags: ["Sweet", "Handcrafted"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-eclairs-wooden-board_144627-25200.jpg"},
|
||||
]}
|
||||
title="Features That Drive Growth"
|
||||
description="Built for speed and performance, our platform offers all the tools you need to succeed."
|
||||
title="Our Culinary Specialties"
|
||||
description="A curated selection of our most loved dishes, prepared with fresh, premium ingredients daily."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -191,62 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Webild",
|
||||
name: "Basic SaaS Tool",
|
||||
price: "$29/mo",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nature-ecology-go-green-concept_53876-133663.jpg",
|
||||
},
|
||||
id: "p1", brand: "Breakfast", name: "Green Chilaquiles", price: "$14.00", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/chilaquiles-breakfast_140725-7834.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Webild",
|
||||
name: "Pro SaaS Tool",
|
||||
price: "$49/mo",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
|
||||
},
|
||||
id: "p2", brand: "Pastry", name: "Classic Chocolate Eclair", price: "$6.50", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-eclair_144627-25200.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Webild",
|
||||
name: "Agency Kit",
|
||||
price: "$99/mo",
|
||||
rating: 4,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Webild",
|
||||
name: "Custom Domain",
|
||||
price: "$19/yr",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Webild",
|
||||
name: "Premium Support",
|
||||
price: "$15/mo",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-tablet-with-lighting-control-application-turning-lights-sitting-kitchen-house_482257-2744.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Webild",
|
||||
name: "Advanced Security",
|
||||
price: "$39/mo",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
|
||||
},
|
||||
id: "p3", brand: "Breakfast", name: "Huevos Rancheros", price: "$15.00", rating: 4,
|
||||
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/huevos-rancheros_140725-7835.jpg"},
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Powerful products designed to streamline your business workflow."
|
||||
title="Daily Menu Highlights"
|
||||
description="Explore our signature morning plates and afternoon indulgent pastries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -257,40 +122,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Starter",
|
||||
price: "$29",
|
||||
period: "/month",
|
||||
description: "For individual developers.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Feature 1",
|
||||
"Feature 2",
|
||||
"Support",
|
||||
],
|
||||
id: "breakfast", tag: "Breakfast", price: "$14", period: "/ plate", description: "Traditional Mexican breakfast options.", button: { text: "Order Now" },
|
||||
featuresTitle: "Includes:", features: ["Freshly prepared", "Organic eggs", "Side of beans"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Pro",
|
||||
price: "$59",
|
||||
period: "/month",
|
||||
description: "For growing teams.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Everything in Starter plus",
|
||||
features: [
|
||||
"Advanced Feature 1",
|
||||
"Advanced Feature 2",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pastry", tag: "Pastry", price: "$6", period: "/ piece", description: "Artisan French-inspired sweets.", button: { text: "Order Now" },
|
||||
featuresTitle: "Includes:", features: ["Premium Valrhona chocolate", "Hand-filled", "Fresh daily"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing Plans"
|
||||
description="Choose a plan that fits your business needs."
|
||||
title="Simple Pricing"
|
||||
description="Transparent pricing for high-quality dining."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -299,33 +140,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
},
|
||||
id: "1", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-dining_144627-25103.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-woman-portrait_23-2149051721.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4155.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dana White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Evan Wright",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
|
||||
},
|
||||
id: "2", name: "Marco T.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-breakfast-enthusiast_144627-25104.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by thousands"
|
||||
cardTag="Testimonials"
|
||||
cardTitle="What our diners say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -336,38 +156,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it easy?",
|
||||
content: "Yes, just click and generate.",
|
||||
},
|
||||
id: "f1", title: "Do you offer vegetarian options?", content: "Yes, we have several vegetarian-friendly breakfast dishes available daily."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it free?",
|
||||
content: "We offer a free tier.",
|
||||
},
|
||||
id: "f2", title: "Are your pastries made fresh?", content: "Absolutely, our pastry team begins baking every morning at 4:00 AM."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do I need code?",
|
||||
content: "No coding required.",
|
||||
},
|
||||
id: "f3", title: "Do you take reservations?", content: "We are a first-come, first-served cafe, but we have plenty of space for everyone."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
title="Common Questions"
|
||||
description="Learn more about our cafe dining experience."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-cafe-interior_144627-25105.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready to get started?"
|
||||
description="Join thousands of businesses already creating beautiful websites."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Visit Us Today"
|
||||
description="Find us in the heart of the city for the best breakfast in town."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -375,33 +183,13 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
title: "Menu", items: [{ label: "Breakfast", href: "#product" }, { label: "Pastry", href: "#product" }],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Webild. All rights reserved."
|
||||
bottomLeftText="© 2024 Culinary Delight."
|
||||
bottomRightText="Privacy Policy"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user