bender/f3dce87b-5d9e-43d9-9139-7a25d0f2d539
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-06 01:54:18 +00:00
parent d28d5c94b5
commit 978f35fc36
1 changed files with 51 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files

300
src/app/page.tsx
View File

@@ -31,88 +31,39 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Bismillah Oil & Gas"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Your Trusted Partner for Quality Fuel & Gas"
description="Bismillah Oil Shop provides reliable gas cylinders and premium oil products delivered straight to your doorstep. Safe, fast, and professional."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/joyful-middle-aged-blonde-delivery-woman-blue-uniform-cap-spreading-hands_141793-116743.jpg",
alt: "happy customer gas delivery",
},
{
src: "http://img.b2bpic.net/free-photo/delivery-man-holding-small-box_23-2148593090.jpg",
alt: "customer signing for delivery",
},
{
src: "http://img.b2bpic.net/free-photo/female-courier-pointing-finger-cardboard-box-t-shirt-pants-cap-looking-glad_176474-12288.jpg",
alt: "family at home receiving package",
},
{
src: "http://img.b2bpic.net/free-photo/3d-rendering-gas-cylinder_23-2149290461.jpg",
alt: "3d rendering of gas cylinder",
},
{
src: "http://img.b2bpic.net/free-photo/modern-winery-with-big-steel-barrels_657883-407.jpg",
alt: "Modern winery with big steel barrels",
},
{ src: "http://img.b2bpic.net/free-photo/joyful-middle-aged-blonde-delivery-woman-blue-uniform-cap-spreading-hands_141793-116743.jpg", alt: "happy customer gas delivery" },
{ src: "http://img.b2bpic.net/free-photo/delivery-man-holding-small-box_23-2148593090.jpg", alt: "customer signing for delivery" },
{ src: "http://img.b2bpic.net/free-photo/female-courier-pointing-finger-cardboard-box-t-shirt-pants-cap-looking-glad_176474-12288.jpg", alt: "family at home receiving package" },
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-gas-cylinder_23-2149290461.jpg", alt: "3d rendering of gas cylinder" },
{ src: "http://img.b2bpic.net/free-photo/modern-winery-with-big-steel-barrels_657883-407.jpg", alt: "Modern winery with big steel barrels" }
]}
buttons={[
{
text: "View Products",
href: "#products",
},
{
text: "Contact Us",
href: "#contact",
},
{ text: "View Products", href: "#products" },
{ text: "Contact Us", href: "#contact" }
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Safe Delivery",
},
{
type: "text",
text: "Quality Guaranteed",
},
{
type: "text",
text: "24/7 Support",
},
{
type: "text",
text: "Competitive Prices",
},
{
type: "text",
text: "Professional Service",
},
{ type: "text", text: "Safe Delivery" },
{ type: "text", text: "Quality Guaranteed" },
{ type: "text", text: "24/7 Support" },
{ type: "text", text: "Competitive Prices" },
{ type: "text", text: "Professional Service" }
]}
/>
</div>
@@ -121,12 +72,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="Decades of Reliability and Service Excellence"
buttons={[
{
text: "Learn More",
href: "#",
},
]}
buttons={[{ text: "Learn More", href: "#" }]}
/>
</div>
@@ -136,23 +82,11 @@ export default function LandingPage() {
title="Our Commitment to Safety"
description="We ensure all gas cylinders and oil products meet strict quality standards for your home and business safety."
accordionItems={[
{
id: "s1",
title: "Safety Guaranteed",
content: "All our products are rigorously tested.",
},
{
id: "s2",
title: "Fast Delivery",
content: "Delivered within 2 hours in the city.",
},
{
id: "s3",
title: "24/7 Support",
content: "We are available anytime you need us.",
},
{ id: "s1", title: "Safety Guaranteed", content: "All our products are rigorously tested." },
{ id: "s2", title: "Fast Delivery", content: "Delivered within 2 hours in the city." },
{ id: "s3", title: "24/7 Support", content: "We are available anytime you need us." }
]}
imageSrc="http://img.b2bpic.net/free-photo/focused-caucasian-man-standing-signing-order-sheet-brunette-female-courier-red-uniform-holding-paper-bag-with-vegetables-from-grocery-store-food-delivery-service-post-concept_74855-11712.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/focused-caucasian-man-standing-signing-order-sheet-brunette-female-courier-red-uniform-holding-paper-bag-with-vegetables-from-grocery-store-food-delivery-service-post-concept_74855-11712.jpg"
mediaAnimation="slide-up"
imageAlt="professional oil and gas shop interior"
/>
@@ -165,42 +99,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Propane Tank (15kg)",
price: "$45.00",
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-standing-metal-platform-industrial-storage-tanks-looking-up-visual-inspection-silos-food-production_342744-450.jpg",
},
{
id: "p2",
name: "Synthetic Motor Oil (5L)",
price: "$25.00",
imageSrc: "http://img.b2bpic.net/free-photo/sunflower-oil-plastic-bottle-isolated-white-background_123827-21026.jpg",
},
{
id: "p3",
name: "Kitchen Gas Cylinder (5kg)",
price: "$20.00",
imageSrc: "http://img.b2bpic.net/free-photo/blue-gas-cylinders-with-propanebutane-cafes-restaurants-selective-focus-details-narrow-streets-old-city-aegean-sea-travel_166373-3557.jpg",
},
{
id: "p4",
name: "Industrial Diesel Oil",
price: "$120.00",
imageSrc: "http://img.b2bpic.net/free-photo/beer-kegs-white_1398-2527.jpg",
},
{
id: "p5",
name: "Residential Gas (12kg)",
price: "$38.00",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-with-protective-mask-gloves_23-2148773449.jpg",
},
{
id: "p6",
name: "Gear Lubricant Oil",
price: "$30.00",
imageSrc: "http://img.b2bpic.net/free-photo/plastic-jerry-can-isolated-white-background_493343-29839.jpg",
},
{ id: "p1", name: "Propane Tank (15kg)", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-standing-metal-platform-industrial-storage-tanks-looking-up-visual-inspection-silos-food-production_342744-450.jpg" },
{ id: "p2", name: "Synthetic Motor Oil (5L)", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/sunflower-oil-plastic-bottle-isolated-white-background_123827-21026.jpg" },
{ id: "p3", name: "Kitchen Gas Cylinder (5kg)", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/blue-gas-cylinders-with-propanebutane-cafes-restaurants-selective-focus-details-narrow-streets-old-city-aegean-sea-travel_166373-3557.jpg" },
{ id: "p4", name: "Industrial Diesel Oil", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/beer-kegs-white_1398-2527.jpg" },
{ id: "p5", name: "Residential Gas (12kg)", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-with-protective-mask-gloves_23-2148773449.jpg" },
{ id: "p6", name: "Gear Lubricant Oil", price: "$30.00", imageSrc: "http://img.b2bpic.net/free-photo/plastic-jerry-can-isolated-white-background_493343-29839.jpg" }
]}
title="Our Available Products"
description="Explore our range of high-quality gas cylinders and engine oils for every need."
@@ -213,33 +117,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "5000+",
title: "Satisfied Customers",
items: [
"Residential",
"Commercial",
],
},
{
id: "m2",
value: "15+",
title: "Years Experience",
items: [
"Trusted Service",
"Safe Delivery",
],
},
{
id: "m3",
value: "24/7",
title: "Service Availability",
items: [
"Always Open",
"Ready to Help",
],
},
{ id: "m1", value: "5000+", title: "Satisfied Customers", items: ["Residential", "Commercial"] },
{ id: "m2", value: "15+", title: "Years Experience", items: ["Trusted Service", "Safe Delivery"] },
{ id: "m3", value: "24/7", title: "Service Availability", items: ["Always Open", "Ready to Help"] }
]}
title="Why Choose Us?"
description="Metrics that speak for our service quality."
@@ -251,61 +131,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Ahmed",
date: "Oct 2023",
title: "Homeowner",
quote: "Reliable and fast delivery always.",
tag: "Satisfied",
avatarSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3983.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51414.jpg",
imageAlt: "happy customer gas delivery",
},
{
id: "2",
name: "Mohammad Ali",
date: "Sep 2023",
title: "Restaurant Owner",
quote: "Best gas quality in the city.",
tag: "Commercial",
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/focused-caucasian-man-standing-signing-order-sheet-brunette-female-courier-red-uniform-holding-paper-bag-with-vegetables-from-grocery-store-food-delivery-service-post-concept_74855-11712.jpg?_wi=2",
imageAlt: "happy customer gas delivery",
},
{
id: "3",
name: "Fatima Zahra",
date: "Aug 2023",
title: "Homemaker",
quote: "Safe and professional team.",
tag: "Safety",
avatarSrc: "http://img.b2bpic.net/free-photo/joyful-curly-hispanic-girl-poses-cook-s-beret-while-cooking-her-kitchen_613910-4891.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-middle-aged-blonde-delivery-woman-blue-uniform-cap-spreading-hands_141793-116743.jpg",
imageAlt: "happy customer gas delivery",
},
{
id: "4",
name: "John Doe",
date: "Jul 2023",
title: "Mechanic",
quote: "Great selection of engine oils.",
tag: "Expert",
avatarSrc: "http://img.b2bpic.net/free-photo/cute-asian-girl-barista-cafe-processing-contactless-payment-insert-credit-card-into-pos-terminal_1258-199469.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-holding-small-box_23-2148593090.jpg",
imageAlt: "happy customer gas delivery",
},
{
id: "5",
name: "Omar K.",
date: "Jun 2023",
title: "Driver",
quote: "Never let me down on the road.",
tag: "Reliable",
avatarSrc: "http://img.b2bpic.net/free-photo/pensive-smiling-man-surfing-net-smartphone_1262-5281.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/female-courier-pointing-finger-cardboard-box-t-shirt-pants-cap-looking-glad_176474-12288.jpg",
imageAlt: "happy customer gas delivery",
},
{ id: "1", name: "Sarah Ahmed", date: "Oct 2023", title: "Homeowner", quote: "Reliable and fast delivery always.", tag: "Satisfied", avatarSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3983.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51414.jpg", imageAlt: "happy customer gas delivery" },
{ id: "2", name: "Mohammad Ali", date: "Sep 2023", title: "Restaurant Owner", quote: "Best gas quality in the city.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg", imageSrc: "http://img.b2bpic.net/free-photo/focused-caucasian-man-standing-signing-order-sheet-brunette-female-courier-red-uniform-holding-paper-bag-with-vegetables-from-grocery-store-food-delivery-service-post-concept_74855-11712.jpg", imageAlt: "happy customer gas delivery" },
{ id: "3", name: "Fatima Zahra", date: "Aug 2023", title: "Homemaker", quote: "Safe and professional team.", tag: "Safety", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-curly-hispanic-girl-poses-cook-s-beret-while-cooking-her-kitchen_613910-4891.jpg", imageSrc: "http://img.b2bpic.net/free-photo/joyful-middle-aged-blonde-delivery-woman-blue-uniform-cap-spreading-hands_141793-116743.jpg", imageAlt: "happy customer gas delivery" },
{ id: "4", name: "John Doe", date: "Jul 2023", title: "Mechanic", quote: "Great selection of engine oils.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/cute-asian-girl-barista-cafe-processing-contactless-payment-insert-credit-card-into-pos-terminal_1258-199469.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-holding-small-box_23-2148593090.jpg", imageAlt: "happy customer gas delivery" },
{ id: "5", name: "Omar K.", date: "Jun 2023", title: "Driver", quote: "Never let me down on the road.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/pensive-smiling-man-surfing-net-smartphone_1262-5281.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-courier-pointing-finger-cardboard-box-t-shirt-pants-cap-looking-glad_176474-12288.jpg", imageAlt: "happy customer gas delivery" }
]}
title="Customer Stories"
description="See why our neighbors trust Bismillah Oil & Gas."
@@ -316,21 +146,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How fast is delivery?",
content: "We aim to deliver within 2 hours.",
},
{
id: "q2",
title: "Is it safe?",
content: "All cylinders are safety checked.",
},
{
id: "q3",
title: "Do you offer oils?",
content: "Yes, we have many oil types.",
},
{ id: "q1", title: "How fast is delivery?", content: "We aim to deliver within 2 hours." },
{ id: "q2", title: "Is it safe?", content: "All cylinders are safety checked." },
{ id: "q3", title: "Do you offer oils?", content: "Yes, we have many oil types." }
]}
sideTitle="Frequently Asked Questions"
sideDescription="Get answers to common queries about our gas and oil services."
@@ -341,9 +159,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Stay Connected"
title="Need a Cylinder or Oil?"
description="Sign up for updates or call us now for a delivery."
@@ -355,35 +171,21 @@ export default function LandingPage() {
logoText="Bismillah Oil Shop"
columns={[
{
title: "Links",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "About",
href: "#about",
},
],
title: "Links", items: [
{ label: "Home", href: "#hero" },
{ label: "About", href: "#about" }
]
},
{
title: "Products",
items: [
{
label: "Gas",
href: "#products",
},
{
label: "Oils",
href: "#products",
},
],
},
title: "Products", items: [
{ label: "Gas", href: "#products" },
{ label: "Oils", href: "#products" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}