240 lines
14 KiB
TypeScript
240 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Dani Fajrian"
|
|
navItems={[
|
|
{ name: "Products", id: "best-sellers" },
|
|
{ name: "Categories", id: "categories" },
|
|
{ name: "Benefits", id: "benefits" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "WhatsApp", href: "https://wa.me/1234567890"
|
|
}}
|
|
buttonClassName="bg-green-500 hover:bg-green-600 text-white rounded-lg px-4 py-2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Custom Packaging Boxes for Your F&B Business"
|
|
description="Elevate your brand with professionally designed, high-quality custom packaging solutions tailored for food and beverage businesses."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-sushi-box_23-2149957064.jpg", alt: "Premium packaging box"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/still-life-food-delivery_23-2149198160.jpg", alt: "Custom branded packaging"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/white-cups-dried-fruits_23-2147935426.jpg", alt: "Professional food packaging"
|
|
}
|
|
]}
|
|
avatarText="Trusted by 500+ F&B businesses"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "View Catalog", href: "#best-sellers" },
|
|
{ text: "Get Quote", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="categories" data-section="categories">
|
|
<FeatureCardMedia
|
|
title="Product Categories"
|
|
description="Explore our wide range of professional packaging solutions designed for every food and beverage need"
|
|
features={[
|
|
{
|
|
id: "cake-boxes", title: "Cake Boxes", description: "Premium bakery packaging with custom printing and reinforced structure for safe delivery", tag: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/big-bright-kitchen-with-white-cupboards-lot-sweet-food-lot-marshmallows-white-boxes_132075-9188.jpg", buttons: [{ text: "Browse", href: "#best-sellers" }]
|
|
},
|
|
{
|
|
id: "food-boxes", title: "Food Boxes", description: "Versatile takeaway and delivery boxes suitable for restaurants, catering, and meal prep businesses", tag: "Restaurant", imageSrc: "http://img.b2bpic.net/free-photo/close-up-salad-with-fork-knife-table_107420-96456.jpg", buttons: [{ text: "Browse", href: "#best-sellers" }]
|
|
},
|
|
{
|
|
id: "paper-bags", title: "Paper Bags", description: "Eco-friendly kraft paper bags perfect for packaging and promotional use in your business", tag: "Sustainable", imageSrc: "http://img.b2bpic.net/free-photo/rolled-brown-paper-bag-with-copy-space_53876-105918.jpg", buttons: [{ text: "Browse", href: "#best-sellers" }]
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="best-sellers" data-section="best-sellers">
|
|
<ProductCardOne
|
|
title="Best Sellers"
|
|
description="Our most popular packaging solutions trusted by leading food and beverage brands"
|
|
products={[
|
|
{
|
|
id: "1", name: "Kemasan Roti Bakar", price: "₱8,500/100 units", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ6z0p9A2j8MFYTsrBGIM945kL/uploaded-1772521894927-vcub75bi.jpg", imageAlt: "Premium cake packaging box"
|
|
},
|
|
{
|
|
id: "2", name: "Kraft Food Delivery Box", price: "₱5,200/100 units", imageSrc: "http://img.b2bpic.net/free-psd/brown-cardboard-takeaway-food-container_84443-69475.jpg", imageAlt: "Brown kraft food box"
|
|
},
|
|
{
|
|
id: "3", name: "Custom Printed Paper Bag", price: "₱3,800/500 units", imageSrc: "http://img.b2bpic.net/free-photo/festive-still-life-christmas-bag-assortment_23-2149161210.jpg", imageAlt: "Branded paper bag"
|
|
},
|
|
{
|
|
id: "4", name: "Luxury Dessert Box", price: "₱12,000/100 units", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mystery-box-concept_23-2149516440.jpg", imageAlt: "Premium dessert packaging"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="benefits" data-section="benefits">
|
|
<FeatureCardMedia
|
|
title="Why Choose Dani Fajrian"
|
|
description="Industry-leading packaging solutions with unmatched service and quality"
|
|
features={[
|
|
{
|
|
id: "free-design", title: "Free Design Service", description: "Our expert designers work with you to create custom packaging that reflects your brand identity perfectly", tag: "Design", imageSrc: "http://img.b2bpic.net/free-vector/roti-bakery-silhouette-design_779267-1611.jpg"
|
|
},
|
|
{
|
|
id: "premium-materials", title: "Premium Materials", description: "We use only high-quality, food-safe materials that protect your products and impress customers", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-vector/restaurant-logo-design_1078-59.jpg"
|
|
},
|
|
{
|
|
id: "flexible-moq", title: "Flexible MOQ", description: "Start small or go big - we offer flexible minimum order quantities to suit businesses of all sizes", tag: "Flexible", imageSrc: "http://img.b2bpic.net/free-vector/coffee-cup-pile-coffee-bean-coffee-shop-logo-business-branding-template-designs-inspiration-isolated-white-background_384344-1429.jpg"
|
|
},
|
|
{
|
|
id: "fast-delivery", title: "Fast Delivery", description: "Quick turnaround times without compromising quality - get your packaging when you need it", tag: "Express", imageSrc: "http://img.b2bpic.net/free-vector/catering-logo-template-collection_23-2149017126.jpg"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="whatsapp-cta" data-section="whatsapp-cta">
|
|
<ContactText
|
|
text="Free Consultation via WhatsApp - Get Expert Advice on Your Packaging Needs"
|
|
animationType="entrance-slide"
|
|
buttons={[{ text: "Open WhatsApp", href: "https://wa.me/1234567890" }]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Customer Reviews"
|
|
description="See what our satisfied clients have to say about their experience with Dani Fajrian"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Maria Santos", role: "Bakery Owner", testimonial: "Dani Fajrian transformed our bakery's image with stunning custom packaging. The quality is exceptional and the service was incredibly professional. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Maria Santos"
|
|
},
|
|
{
|
|
id: "2", name: "Juan Reyes", role: "Restaurant Manager", testimonial: "We've been ordering from Dani Fajrian for two years now. Their packaging is durable, looks amazing, and our customers always comment on it. Great value for money.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg?_wi=1", imageAlt: "Juan Reyes"
|
|
},
|
|
{
|
|
id: "3", name: "Ana Cruz", role: "Dessert Shop Owner", testimonial: "From concept to delivery, Dani Fajrian handled everything perfectly. The custom boxes with our branding turned out better than we imagined. Truly impressed!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Ana Cruz"
|
|
},
|
|
{
|
|
id: "4", name: "Robert Martinez", role: "Catering Manager", testimonial: "Working with Dani Fajrian was seamless. They understood our needs, delivered on time, and the packaging quality exceeded our expectations. Definitely our go-to supplier.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Robert Martinez"
|
|
},
|
|
{
|
|
id: "5", name: "Sofia Tan", role: "Founder", testimonial: "The attention to detail in our custom coffee packaging is outstanding. Dani Fajrian goes above and beyond to ensure customer satisfaction. Absolutely worth it!", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg?_wi=2", imageAlt: "Sofia Tan"
|
|
},
|
|
{
|
|
id: "6", name: "Carlos Mendez", role: "Operations Director", testimonial: "Affordable, reliable, and high-quality packaging solutions. Dani Fajrian has been instrumental in our business growth. Can't ask for better service.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Carlos Mendez"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Join 500+ successful food and beverage businesses using Dani Fajrian packaging"
|
|
names={[
|
|
"Sweet Delights Bakery", "Urban Food Delivery", "Chocolate Dreams", "Premium Events Catering", "Artisan Coffee Roasters", "Fresh Meal Prep Co", "Gourmet Pizza House", "Bubble Tea Masters"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to elevate your packaging? Get in touch with our team for a free consultation and custom quote"
|
|
animationType="reveal-blur"
|
|
buttons={[
|
|
{ text: "Get Free Quote", href: "#" },
|
|
{ text: "WhatsApp Now", href: "https://wa.me/1234567890" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/warehouse-logistics-sorting-system_23-2151994440.jpg"
|
|
imageAlt="Dani Fajrian packaging production facility"
|
|
logoText="Dani Fajrian"
|
|
copyrightText="© 2025 Dani Fajrian. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Products", items: [
|
|
{ label: "Cake Boxes", href: "#categories" },
|
|
{ label: "Food Boxes", href: "#categories" },
|
|
{ label: "Paper Bags", href: "#categories" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Our Services", href: "#benefits" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com/danifjrn" },
|
|
{ label: "WhatsApp", href: "https://wa.me/1234567890" },
|
|
{ label: "Email", href: "mailto:info@danifjr.com" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|