bender/2b221460-e7d5-4190-a367-424fb0454ad6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-07 12:06:59 +00:00
Conversation 0 Commits 1 Files Changed 1 +61 -245
1 changed files with 61 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

306
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { CalendarDays, Package, Users } from "lucide-react";
import { CalendarDays, Package, Users, ChefHat, ShieldCheck, HeartPulse, Wrench } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,25 +34,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "FAQs",
id: "#faqs",
},
name: "FAQs", id: "#faqs"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="OxySorb"
/>
@@ -61,41 +51,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="OxySorb: The Future of Freshness"
description="Australian supplier of quality oxygen absorbers for over 20 years, dedicated to preserving your products. Discover superior food and item preservation with our advanced OxySorb technology and Silica Gel solutions. Shop online today!"
buttons={[
{
text: "Shop Oxygen Absorbers",
href: "#products",
},
text: "Shop Oxygen Absorbers", href: "#products"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-using-toilet-bag_23-2149764808.jpg",
imageAlt: "OxySorb oxygen absorber packets",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-using-toilet-bag_23-2149764808.jpg", imageAlt: "OxySorb oxygen absorber packets"},
{
imageSrc: "http://img.b2bpic.net/free-photo/white-folded-napkins-white-surface_187299-47576.jpg",
imageAlt: "Food items preserved with OxySorb",
},
imageSrc: "http://img.b2bpic.net/free-photo/white-folded-napkins-white-surface_187299-47576.jpg", imageAlt: "Food items preserved with OxySorb"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-different-coloured-wrapped-condoms_23-2148237843.jpg",
imageAlt: "Assortment of oxygen absorbers",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-different-coloured-wrapped-condoms_23-2148237843.jpg", imageAlt: "Assortment of oxygen absorbers"},
{
imageSrc: "http://img.b2bpic.net/free-photo/assorted-pickled-vegetables-white-plate-with-tablecloth_114579-15509.jpg",
imageAlt: "Dried fruit pieces in paper packaging",
},
imageSrc: "http://img.b2bpic.net/free-photo/assorted-pickled-vegetables-white-plate-with-tablecloth_114579-15509.jpg", imageAlt: "Dried fruit pieces in paper packaging"},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-person-holding-peas-baby-carrots-glass-jar_23-2148738065.jpg",
imageAlt: "Close up on food preservation method",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-person-holding-peas-baby-carrots-glass-jar_23-2148738065.jpg", imageAlt: "Close up on food preservation method"},
]}
mediaAnimation="slide-up"
/>
@@ -108,17 +83,11 @@ export default function LandingPage() {
description="For over two decades, OxySorb has been the trusted Australian supplier of high-quality oxygen absorbers and silica gel. We are committed to extending the shelf life and preserving the quality of your stored goods, from food to electronics and pharmaceuticals. Our products ensure optimal freshness, prevent mold, and inhibit bacterial growth, making us a leader in preservation technology across Australia."
metrics={[
{
value: "20+",
title: "Years of Expertise",
},
value: "20+", title: "Years of Expertise"},
{
value: "1M+",
title: "Products Protected",
},
value: "1M+", title: "Products Protected"},
{
value: "100%",
title: "Customer Satisfaction",
},
value: "100%", title: "Customer Satisfaction"},
]}
imageSrc="http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1913.jpg"
imageAlt="Modern warehouse with OxySorb products"
@@ -133,32 +102,16 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Extend Shelf Life",
description: "Significantly prolong the freshness and usability of stored foods, herbs, and other perishables by eliminating oxygen, which causes degradation.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-white-eggs-with-vegetables-funny-note-seasonings-white-background-meal-color-food-salad-breakfast-ripe_140725-159346.jpg",
imageAlt: "Fresh food ingredients",
buttonIcon: "ChefHat",
title: "Extend Shelf Life", description: "Significantly prolong the freshness and usability of stored foods, herbs, and other perishables by eliminating oxygen, which causes degradation.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-white-eggs-with-vegetables-funny-note-seasonings-white-background-meal-color-food-salad-breakfast-ripe_140725-159346.jpg", imageAlt: "Fresh food ingredients", buttonIcon: ChefHat,
},
{
title: "Prevent Mold & Bacteria",
description: "Create an anaerobic environment that inhibits the growth of mold, mildew, and aerobic bacteria, ensuring your products remain safe and hygienic.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clear-water-drop-surface_23-2148635089.jpg",
imageAlt: "Electronic components",
buttonIcon: "ShieldCheck",
title: "Prevent Mold & Bacteria", description: "Create an anaerobic environment that inhibits the growth of mold, mildew, and aerobic bacteria, ensuring your products remain safe and hygienic.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clear-water-drop-surface_23-2148635089.jpg", imageAlt: "Electronic components", buttonIcon: ShieldCheck,
},
{
title: "Preserve Flavor & Nutrition",
description: "Maintain the original taste, aroma, and nutritional value of your stored items by preventing oxidative damage that can compromise quality.",
imageSrc: "http://img.b2bpic.net/free-photo/container-with-alcohol-gel-gloves-surgical-mask-light-blue_58702-1114.jpg",
imageAlt: "Pharmaceutical pills",
buttonIcon: "HeartPulse",
title: "Preserve Flavor & Nutrition", description: "Maintain the original taste, aroma, and nutritional value of your stored items by preventing oxidative damage that can compromise quality.", imageSrc: "http://img.b2bpic.net/free-photo/container-with-alcohol-gel-gloves-surgical-mask-light-blue_58702-1114.jpg", imageAlt: "Pharmaceutical pills", buttonIcon: HeartPulse,
},
{
title: "Protect from Rust & Corrosion",
description: "Ideal for non-food items like electronics, metals, and collectibles, our absorbers prevent rust, corrosion, and oxidation damage.",
imageSrc: "http://img.b2bpic.net/free-photo/crispy-breadcrumbs-bowl-tablecloth-marble-table_114579-89858.jpg",
imageAlt: "Various OxySorb products",
buttonIcon: "Wrench",
title: "Protect from Rust & Corrosion", description: "Ideal for non-food items like electronics, metals, and collectibles, our absorbers prevent rust, corrosion, and oxidation damage.", imageSrc: "http://img.b2bpic.net/free-photo/crispy-breadcrumbs-bowl-tablecloth-marble-table_114579-89858.jpg", imageAlt: "Various OxySorb products", buttonIcon: Wrench,
},
]}
title="The Benefits of OxySorb Oxygen Absorbers"
@@ -174,53 +127,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "oxysorb-50cc",
name: "OxySorb 50cc",
price: "$12.99",
variant: "Small Pack",
imageSrc: "http://img.b2bpic.net/free-photo/white-medical-cotton-gauze-bandage-syringe-pack-cotton-swab-wooden-table_23-2147883758.jpg",
imageAlt: "OxySorb 50cc oxygen absorber",
},
id: "oxysorb-50cc", name: "OxySorb 50cc", price: "$12.99", variant: "Small Pack", imageSrc: "http://img.b2bpic.net/free-photo/white-medical-cotton-gauze-bandage-syringe-pack-cotton-swab-wooden-table_23-2147883758.jpg", imageAlt: "OxySorb 50cc oxygen absorber"},
{
id: "oxysorb-100cc",
name: "OxySorb 100cc",
price: "$18.99",
variant: "Standard Pack",
imageSrc: "http://img.b2bpic.net/free-photo/tidy-up-concept-with-onions-high-angle_23-2148927372.jpg",
imageAlt: "OxySorb 100cc oxygen absorber",
},
id: "oxysorb-100cc", name: "OxySorb 100cc", price: "$18.99", variant: "Standard Pack", imageSrc: "http://img.b2bpic.net/free-photo/tidy-up-concept-with-onions-high-angle_23-2148927372.jpg", imageAlt: "OxySorb 100cc oxygen absorber"},
{
id: "oxysorb-500cc",
name: "OxySorb 500cc",
price: "$45.99",
variant: "Bulk Pack",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-box-donation_23-2148733843.jpg",
imageAlt: "OxySorb 500cc oxygen absorber",
},
id: "oxysorb-500cc", name: "OxySorb 500cc", price: "$45.99", variant: "Bulk Pack", imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-box-donation_23-2148733843.jpg", imageAlt: "OxySorb 500cc oxygen absorber"},
{
id: "oxysorb-2000cc",
name: "OxySorb 2000cc",
price: "$99.99",
variant: "Industrial Pack",
imageSrc: "http://img.b2bpic.net/free-photo/worker-production-department-make-set-up-line-while-standing-near-equipment-dairy-factory_645730-177.jpg",
imageAlt: "OxySorb 2000cc oxygen absorber",
},
id: "oxysorb-2000cc", name: "OxySorb 2000cc", price: "$99.99", variant: "Industrial Pack", imageSrc: "http://img.b2bpic.net/free-photo/worker-production-department-make-set-up-line-while-standing-near-equipment-dairy-factory_645730-177.jpg", imageAlt: "OxySorb 2000cc oxygen absorber"},
{
id: "silica-gel-small",
name: "Silica Gel Packets",
price: "$9.99",
variant: "Moisture Control (Small)",
imageSrc: "http://img.b2bpic.net/free-photo/food-donations-collected-charity_23-2149230587.jpg",
imageAlt: "Small silica gel packets",
},
id: "silica-gel-small", name: "Silica Gel Packets", price: "$9.99", variant: "Moisture Control (Small)", imageSrc: "http://img.b2bpic.net/free-photo/food-donations-collected-charity_23-2149230587.jpg", imageAlt: "Small silica gel packets"},
{
id: "silica-gel-large",
name: "Silica Gel Packets",
price: "$29.99",
variant: "Moisture Control (Large)",
imageSrc: "http://img.b2bpic.net/free-photo/blob-bright-blue-foam-black-water_23-2147798316.jpg",
imageAlt: "Large silica gel packets",
},
id: "silica-gel-large", name: "Silica Gel Packets", price: "$29.99", variant: "Moisture Control (Large)", imageSrc: "http://img.b2bpic.net/free-photo/blob-bright-blue-foam-black-water_23-2147798316.jpg", imageAlt: "Large silica gel packets"},
]}
title="Our Range of Preservation Solutions"
description="Explore our comprehensive selection of OxySorb Oxygen Absorbers and Silica Gel packets, available in various sizes to suit all your preservation needs."
@@ -231,25 +148,17 @@ export default function LandingPage() {
<MetricCardThree
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up" // Added this prop
metrics={[
{
id: "partners",
icon: Users,
title: "Satisfied Customers",
value: "15,000+",
},
id: "partners", icon: Users,
title: "Satisfied Customers", value: "15,000+"},
{
id: "years",
icon: CalendarDays,
title: "Years in Business",
value: "20+",
},
id: "years", icon: CalendarDays,
title: "Years in Business", value: "20+"},
{
id: "products",
icon: Package,
title: "Products Protected Annually",
value: "1,000,000+",
},
id: "products", icon: Package,
title: "Products Protected Annually", value: "1,000,000+"},
]}
title="Our Impact & Reliability"
description="Trusted by businesses and individuals across Australia, our commitment to quality and effectiveness speaks for itself."
@@ -261,14 +170,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Food & Beverage Co.",
"Pharma Innovations",
"Tech Solutions Ltd.",
"Agri-Fresh Corp.",
"Culinary Experts Group",
"Global Packaging Inc.",
"Industrial Supplies AU",
]}
"Food & Beverage Co.", "Pharma Innovations", "Tech Solutions Ltd.", "Agri-Fresh Corp.", "Culinary Experts Group", "Global Packaging Inc.", "Industrial Supplies AU"]}
title="Trusted by Industry Leaders"
description="We partner with a diverse range of companies to ensure the highest standards of product preservation and quality control."
/>
@@ -280,59 +182,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Unmatched Freshness!",
quote: "OxySorb oxygen absorbers are a game-changer for our food products. Our customers constantly comment on the extended freshness and quality. Highly recommended!",
name: "Sarah Johnson",
role: "CEO, FreshFoods Inc.",
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367130.jpg",
imageAlt: "Sarah Johnson",
},
id: "1", title: "Unmatched Freshness!", quote: "OxySorb oxygen absorbers are a game-changer for our food products. Our customers constantly comment on the extended freshness and quality. Highly recommended!", name: "Sarah Johnson", role: "CEO, FreshFoods Inc.", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367130.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
title: "Reliable & Effective",
quote: "We've been using OxySorb products for years to protect our sensitive electronics from moisture and oxygen. Their reliability is unmatched, and customer service is always exceptional.",
name: "Michael Chen",
role: "Operations Manager, ElectroGuard",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-thinking_23-2147611625.jpg",
imageAlt: "Michael Chen",
},
id: "2", title: "Reliable & Effective", quote: "We've been using OxySorb products for years to protect our sensitive electronics from moisture and oxygen. Their reliability is unmatched, and customer service is always exceptional.", name: "Michael Chen", role: "Operations Manager, ElectroGuard", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-thinking_23-2147611625.jpg", imageAlt: "Michael Chen"},
{
id: "3",
title: "Essential for Quality Control",
quote: "As a pharmaceutical company, maintaining product integrity is paramount. OxySorb oxygen absorbers are an essential part of our quality control process, ensuring stability and extending shelf life.",
name: "Emily Rodriguez",
role: "Head of R&D, PharmaCare",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-smiling-yellow-background-covid-human-medic-emotions_179666-11678.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", title: "Essential for Quality Control", quote: "As a pharmaceutical company, maintaining product integrity is paramount. OxySorb oxygen absorbers are an essential part of our quality control process, ensuring stability and extending shelf life.", name: "Emily Rodriguez", role: "Head of R&D, PharmaCare", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-smiling-yellow-background-covid-human-medic-emotions_179666-11678.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
title: "Perfect for Home Storage",
quote: "I use OxySorb for all my bulk food storage. It keeps my grains, nuts, and dried fruits fresh for so much longer. It's an indispensable tool for any home preserver!",
name: "David Kim",
role: "Home Preserver",
imageSrc: "http://img.b2bpic.net/free-photo/woman-going-through-abortion-process_23-2149518172.jpg",
imageAlt: "David Kim",
},
id: "4", title: "Perfect for Home Storage", quote: "I use OxySorb for all my bulk food storage. It keeps my grains, nuts, and dried fruits fresh for so much longer. It's an indispensable tool for any home preserver!", name: "David Kim", role: "Home Preserver", imageSrc: "http://img.b2bpic.net/free-photo/woman-going-through-abortion-process_23-2149518172.jpg", imageAlt: "David Kim"},
{
id: "5",
title: "Superior to Competitors",
quote: "After trying various brands, OxySorb stands out. Their products consistently outperform others in terms of oxygen absorption and overall effectiveness. Truly superior quality.",
name: "Jessica Lee",
role: "Procurement Director, Apex Supplies",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
imageAlt: "Jessica Lee",
},
id: "5", title: "Superior to Competitors", quote: "After trying various brands, OxySorb stands out. Their products consistently outperform others in terms of oxygen absorption and overall effectiveness. Truly superior quality.", name: "Jessica Lee", role: "Procurement Director, Apex Supplies", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", imageAlt: "Jessica Lee"},
{
id: "6",
title: "Fantastic Value",
quote: "Not only are OxySorb products highly effective, but they also offer fantastic value. We've seen a significant reduction in waste since integrating them into our packaging line.",
name: "Robert Green",
role: "Logistics Coordinator, Grand Distributors",
imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176587.jpg",
imageAlt: "Robert Green",
},
id: "6", title: "Fantastic Value", quote: "Not only are OxySorb products highly effective, but they also offer fantastic value. We've seen a significant reduction in waste since integrating them into our packaging line.", name: "Robert Green", role: "Logistics Coordinator, Grand Distributors", imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176587.jpg", imageAlt: "Robert Green"},
]}
title="What Our Customers Say"
description="Hear directly from our satisfied clients about how OxySorb has revolutionized their preservation practices and delivered consistent results."
@@ -345,30 +205,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What is an oxygen absorber?",
content: "An oxygen absorber is a small packet containing iron powder that chemically reacts with and removes oxygen from a sealed environment. This helps to prevent spoilage, mold growth, and oxidation of stored items.",
},
id: "1", title: "What is an oxygen absorber?", content: "An oxygen absorber is a small packet containing iron powder that chemically reacts with and removes oxygen from a sealed environment. This helps to prevent spoilage, mold growth, and oxidation of stored items."},
{
id: "2",
title: "How do OxySorb oxygen absorbers work?",
content: "OxySorb packets contain iron powder that absorbs oxygen in a sealed container, reducing oxygen levels to below 0.1%. This creates an anaerobic environment ideal for preserving food, electronics, and other sensitive materials.",
},
id: "2", title: "How do OxySorb oxygen absorbers work?", content: "OxySorb packets contain iron powder that absorbs oxygen in a sealed container, reducing oxygen levels to below 0.1%. This creates an anaerobic environment ideal for preserving food, electronics, and other sensitive materials."},
{
id: "3",
title: "How do I choose the right size oxygen absorber?",
content: "The correct size depends on the volume of the container you are sealing. A general guide is provided on our product pages, but always consider the air space around your product. Contact us if you need assistance.",
},
id: "3", title: "How do I choose the right size oxygen absorber?", content: "The correct size depends on the volume of the container you are sealing. A general guide is provided on our product pages, but always consider the air space around your product. Contact us if you need assistance."},
{
id: "4",
title: "Can oxygen absorbers be reused?",
content: "No, oxygen absorbers are designed for single use. Once exposed to oxygen for an extended period, the iron powder will have reacted, and they will no longer be effective.",
},
id: "4", title: "Can oxygen absorbers be reused?", content: "No, oxygen absorbers are designed for single use. Once exposed to oxygen for an extended period, the iron powder will have reacted, and they will no longer be effective."},
{
id: "5",
title: "What is silica gel used for?",
content: "Silica gel is a desiccant, meaning it absorbs moisture from the air. It is used to prevent dampness, condensation, and mildew in packaging, particularly for electronics, leather goods, and medications.",
},
id: "5", title: "What is silica gel used for?", content: "Silica gel is a desiccant, meaning it absorbs moisture from the air. It is used to prevent dampness, condensation, and mildew in packaging, particularly for electronics, leather goods, and medications."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about OxySorb oxygen absorbers and silica gel products."
@@ -383,22 +228,14 @@ export default function LandingPage() {
description="Have questions or need assistance with your order? Our team is here to help. Fill out the form below or reach out to us directly."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
name: "message", placeholder: "Your Message", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/contact-us-communication-support-service-assistance-concept_53876-128103.jpg"
@@ -414,54 +251,33 @@ export default function LandingPage() {
logoText="OxySorb"
columns={[
{
title: "Products",
items: [
title: "Products", items: [
{
label: "Oxygen Absorbers",
href: "#products",
},
label: "Oxygen Absorbers", href: "#products"},
{
label: "Silica Gel",
href: "#products",
},
label: "Silica Gel", href: "#products"},
{
label: "Bulk Orders",
href: "#contact",
},
label: "Bulk Orders", href: "#contact"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "How to Use O.A.",
href: "https://www.youtube.com/watch?v=YOUR_VIDEO_ID_1",
},
label: "How to Use O.A.", href: "https://www.youtube.com/watch?v=YOUR_VIDEO_ID_1"},
{
label: "Resealing O.A. Bags",
href: "https://www.youtube.com/watch?v=YOUR_VIDEO_ID_2",
},
label: "Resealing O.A. Bags", href: "https://www.youtube.com/watch?v=YOUR_VIDEO_ID_2"},
{
label: "FAQs",
href: "#faqs",
},
label: "FAQs", href: "#faqs"},
],
},
]}