diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2a259fa..e7393e9 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -11,8 +11,8 @@ import { Nunito_Sans } from "next/font/google";
export const metadata: Metadata = {
- title: 'QualitySpikPak - Enterprise Software Solutions',
- description: 'Powerful, scalable, and intuitive software solutions for modern business growth.',
+ title: 'Quality’s Pik & Pak | Supermarket Pinetown',
+ description: 'Affordable groceries, appliances, homeware & weekly specials in Pinetown, Durban',
openGraph: {
"siteName": "QualitySpikPak",
"type": "website"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index a7d436f..f29b78b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -41,14 +41,14 @@ export default function LandingPage() {
{
name: "Contact", id: "#contact"},
]}
- brandName="QualitySpikPak"
+ brandName="Quality’s Pik & Pak"
/>
@@ -128,20 +119,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
- id: "f1", label: "Security", title: "Built-in Encryption", items: [
- "End-to-end security", "Compliant protocols", "Audited infrastructure"],
+ id: "f1", label: "Savings", title: "Weekly Specials", items: [
+ "Deep discounts", "Bulk deals", "Member pricing"],
},
{
- id: "f2", label: "Performance", title: "Optimized Speed", items: [
- "Zero-latency response", "Global CDN", "High availability"],
+ id: "f2", label: "Quality", title: "Guaranteed Freshness", items: [
+ "Daily restocking", "Top-tier brands", "Careful sourcing"],
},
{
- id: "f3", label: "Integration", title: "Seamless Workflow", items: [
- "API first design", "Third-party plugins", "Custom automation"],
+ id: "f3", label: "Service", title: "Convenient Shopping", items: [
+ "Multiple locations", "Easy checkouts", "Friendly assistance"],
},
]}
- title="Key Features"
- description="Everything you need to run your business efficiently."
+ title="Why Choose Us"
+ description="Everything you need in one place."
/>
@@ -153,16 +144,16 @@ export default function LandingPage() {
metrics={[
{
id: "m1", icon: Zap,
- title: "Efficiency Gain", value: "45%"},
+ title: "Price Savings", value: "40%"},
{
id: "m2", icon: Shield,
- title: "Security Risk Reduction", value: "99%"},
+ title: "Customer Trust", value: "99%"},
{
id: "m3", icon: TrendingUp,
- title: "Growth Rate", value: "3x"},
+ title: "Freshness", value: "100%"},
]}
- title="Performance Impact"
- description="Quantifiable results that drive success for our global partners."
+ title="Commitment to Quality"
+ description="Quantifiable values that matter to your household budget."
/>
@@ -173,18 +164,12 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
- id: "1", name: "Sarah J.", role: "CEO", testimonial: "Transformative platform that scaled our operations instantly.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg"},
+ id: "1", name: "Sarah J.", role: "Local Resident", testimonial: "Quality’s Pik & Pak makes my weekly shopping effortless.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg"},
{
- id: "2", name: "Michael C.", role: "CTO", testimonial: "The performance gains were truly unprecedented for our infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg"},
- {
- id: "3", name: "Emily R.", role: "Director", testimonial: "Incredible service, proactive support, and a high-quality product.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg"},
- {
- id: "4", name: "David K.", role: "Manager", testimonial: "A must-have for any business looking to optimize workflows.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-smiling-working-his-living-room_482257-126267.jpg"},
- {
- id: "5", name: "Linda M.", role: "Developer", testimonial: "Robust APIs and excellent documentation made integration a breeze.", imageSrc: "http://img.b2bpic.net/free-photo/aspirated-confident-businesswoman-looking-forward_1262-4679.jpg"},
+ id: "2", name: "Michael C.", role: "Chef", testimonial: "The freshest ingredients I can find in Pinetown.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg"},
]}
- title="Client Feedback"
- description="What industry leaders say about our solutions."
+ title="Community Feedback"
+ description="What our neighbors think."
/>
@@ -194,15 +179,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
- id: "q1", title: "Is integration simple?", content: "Our documentation provides guides for all standard workflows."},
+ id: "q1", title: "Are you open daily?", content: "Yes, we operate 7 days a week for your convenience."},
{
- id: "q2", title: "Do you offer support?", content: "Yes, we provide 24/7 priority support to all our Pro clients."},
- {
- id: "q3", title: "Can I upgrade anytime?", content: "You can change your plan in your settings dashboard at any time."},
+ id: "q2", title: "Do you have specials?", content: "Check our website every Monday for weekly deals."},
]}
imageSrc="http://img.b2bpic.net/free-photo/golden-wedding-ring-with-copy-space_23-2148558437.jpg"
title="Common Questions"
- description="We are here to help you get the most out of your tools."
+ description="Your shopping needs addressed."
faqsAnimation="blur-reveal"
/>
@@ -212,30 +195,30 @@ export default function LandingPage() {
useInvertedBackground={true}
background={{
variant: "canvas-reveal"}}
- text="Ready to transform your business software? Let's get started."
+ text="Need assistance? Reach out to our customer service desk."
buttons={[
{
- text: "Contact Sales", href: "#"},
+ text: "Visit Us", href: "#"},
]}
/>
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index fd718b9..1f10d4a 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
- --background: #ffffff;
- --card: #f9f9f9;
- --foreground: #000612e6;
- --primary-cta: #106EFB;
+ --background: #000000;
+ --card: #1a1a1a;
+ --foreground: #ffffff;
+ --primary-cta: #ffffff;
--primary-cta-text: #ffffff;
- --secondary-cta: #f9f9f9;
+ --secondary-cta: #333333;
--secondary-cta-text: #000612e6;
- --accent: #e2e2e2;
- --background-accent: #106EFB;
+ --accent: #555555;
+ --background-accent: #222222;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);