Update src/app/about/page.tsx
This commit is contained in:
@@ -8,126 +8,51 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import { Award, Fish, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Bulk Orders",
|
||||
id: "/bulk-orders",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Seafood and Eat It"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-section" data-section="about-section">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Our Story in Blaxland"
|
||||
metrics={[
|
||||
{
|
||||
label: "Years Served",
|
||||
value: "15+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Local Families",
|
||||
value: "2k+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
label: "Fresh Shipments",
|
||||
value: "Daily",
|
||||
icon: Fish,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our History"
|
||||
description="Read about our journey from a small shop to a community cornerstone."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Story",
|
||||
title: "15 Years Serving",
|
||||
excerpt: "Starting in a small corner shop...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-kinds-fresh-fish-sale-fish-market-istanbul-turkey_628469-153.jpg",
|
||||
authorName: "The Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/happy-waiter-talking-female-customer-writing-her-order-digital-tablet-bar_637285-2301.jpg",
|
||||
date: "Jan 2025",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Seafood and Eat It"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Bulk Orders",
|
||||
href: "/bulk-orders",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:0247000000",
|
||||
},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Bulk Orders", id: "/bulk-orders" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Seafood and Eat It"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-section" data-section="about-section">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Our Story in Blaxland"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[{ label: "Years Served", value: "15+", icon: Award }, { label: "Local Families", value: "2k+", icon: Users }, { label: "Fresh Shipments", value: "Daily", icon: Fish }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our History"
|
||||
description="Read about our journey from a small shop to a community cornerstone."
|
||||
blogs={[{ id: "b1", category: "Story", title: "15 Years Serving", excerpt: "Starting in a small corner shop...", imageSrc: "http://img.b2bpic.net/free-photo/different-kinds-fresh-fish-sale-fish-market-istanbul-turkey_628469-153.jpg", authorName: "The Team", authorAvatar: "http://img.b2bpic.net/free-photo/happy-waiter-talking-female-customer-writing-her-order-digital-tablet-bar_637285-2301.jpg", date: "Jan 2025" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Seafood and Eat It"
|
||||
columns={[{ title: "Links", items: [{ label: "Menu", href: "/menu" }, { label: "Bulk Orders", href: "/bulk-orders" }, { label: "About", href: "/about" }] }, { title: "Contact", items: [{ label: "Call Us", href: "tel:0247000000" }, { label: "Visit Us", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user