Merge version_2 into main #4
68
src/app/database/page.tsx
Normal file
68
src/app/database/page.tsx
Normal file
@@ -0,0 +1,68 @@
|
||||
"use client";
|
||||
|
||||
import { useState } from "react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
|
||||
export default function DatabasePage() {
|
||||
const [search, setSearch] = useState("");
|
||||
const products = [
|
||||
{ id: "1", name: "Organic Honey", price: "$12.00", rating: 4.8, imageSrc: "https://images.unsplash.com/photo-1587049352846-4a222e784d38?w=800&h=600", category: "Food" },
|
||||
{ id: "2", name: "Almond Milk", price: "$4.50", rating: 4.6, imageSrc: "https://images.unsplash.com/photo-1549556249-14a51e60086c?w=800&h=600", category: "Beverage" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Directory", id: "/database" },
|
||||
{ name: "Features", id: "/#features" },
|
||||
{ name: "FAQ", id: "/#faq" },
|
||||
]}
|
||||
brandName="HalalAI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="pt-32 pb-20">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={products}
|
||||
searchValue={search}
|
||||
onSearchChange={setSearch}
|
||||
filters={[
|
||||
{ label: "Category", options: ["All", "Food", "Beverage"], selected: "All", onChange: () => {} }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "/#features" }, { label: "FAQ", href: "/#faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 HalalAI Technologies."
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -91,11 +91,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How accurate is the AI scanner?", content: "Our AI is trained on certified data to provide 99% accuracy in identifying ingredients."},
|
||||
id: "1", title: "How does the AI detect haram ingredients?", content: "The AI cross-references scanned ingredient lists against a massive, verified database of haram additives and E-numbers."},
|
||||
{
|
||||
id: "2", title: "Is it free to use?", content: "Basic scanning is free, with premium features available for power users."},
|
||||
id: "2", title: "Can it verify imported products?", content: "Yes, our database includes international product data, covering a wide range of global market ingredients."},
|
||||
{
|
||||
id: "3", title: "Does it work offline?", content: "Yes, our mobile app supports offline ingredient recognition for most common items."},
|
||||
id: "3", title: "What should I do if a product is unknown?", content: "You can report unknown products, and our team will verify the ingredients and update the database within 24-48 hours."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our detection platform."
|
||||
@@ -112,13 +112,13 @@ export default function LandingPage() {
|
||||
description="See how HalalAI is helping our community make better choices."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Ahmed", handle: "@sarah_a", testimonial: "This app makes grocery shopping so much easier. I no longer have to spend time searching for complex ingredient names.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdupiq8mGsoqX8dmxxmLlYQjON/close-up-of-an-ingredient-list-being-sca-1774839199212-58747e3d.png?_wi=2"},
|
||||
id: "1", name: "Sarah Ahmed", handle: "@sarah_a", testimonial: "I scanned over 50 items and the detection was flawless. It picked up hidden gelatin ingredients I missed!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdupiq8mGsoqX8dmxxmLlYQjON/close-up-of-an-ingredient-list-being-sca-1774839199212-58747e3d.png?_wi=2"},
|
||||
{
|
||||
id: "2", name: "Mohamed Khan", handle: "@mo_khan", testimonial: "The AI scanner is incredibly fast and reliable. A must-have tool for every Muslim household.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdupiq8mGsoqX8dmxxmLlYQjON/a-database-interface-screen-showing-mult-1774839199298-0e30b507.png?_wi=2"},
|
||||
id: "2", name: "Mohamed Khan", handle: "@mo_khan", testimonial: "The accuracy is insane. It correctly identified synthetic emulsifiers that other scanners often flag incorrectly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdupiq8mGsoqX8dmxxmLlYQjON/a-database-interface-screen-showing-mult-1774839199298-0e30b507.png?_wi=2"},
|
||||
{
|
||||
id: "3", name: "Layla Yusuf", handle: "@laylayusuf", testimonial: "I love the voice assistant feature! It's so helpful when my hands are busy with the kids in the store.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdupiq8mGsoqX8dmxxmLlYQjON/user-friendly-interface-showing-a-real-t-1774839198280-e7037040.png?_wi=2"},
|
||||
id: "3", name: "Layla Yusuf", handle: "@laylayusuf", testimonial: "Finally, a tool that understands the difference between various animal sources. I feel much safer shopping now.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdupiq8mGsoqX8dmxxmLlYQjON/user-friendly-interface-showing-a-real-t-1774839198280-e7037040.png?_wi=2"},
|
||||
{
|
||||
id: "4", name: "Omar Farooq", handle: "@omar_f", testimonial: "Highly accurate and very easy to use. The design is modern and clean, just like an app should be.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdupiq8mGsoqX8dmxxmLlYQjON/a-futuristic-ai-powered-scanner-interfac-1774839198333-07882302.png?_wi=7"},
|
||||
id: "4", name: "Omar Farooq", handle: "@omar_f", testimonial: "The speed of detection is unmatched, and the reliability of the ingredient classification is top-tier.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdupiq8mGsoqX8dmxxmLlYQjON/a-futuristic-ai-powered-scanner-interfac-1774839198333-07882302.png?_wi=7"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,11 +154,13 @@ export default function LandingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
title: "Official Sources", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
label: "Halal Certification Org", href: "https://www.halalcertification.org"},
|
||||
{
|
||||
label: "Terms of Use", href: "#"},
|
||||
label: "Global Halal Body", href: "https://www.globalhalal.com"},
|
||||
{
|
||||
label: "Islamic Food Council", href: "https://www.ifanca.org"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -169,4 +171,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user