Merge version_3 into main #4
@@ -23,10 +23,10 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLarge"
|
||||
background="aurora"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="flat"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
@@ -53,7 +53,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Your Journey to the Perfect Honda Starts Here"
|
||||
description="SaadSelects delivers unparalleled car brokerage for discerning clients seeking their ideal Honda Accord or Civic, with expert guidance every step of the way."
|
||||
buttons={[
|
||||
|
||||
154
src/utils/api.ts
Normal file
154
src/utils/api.ts
Normal file
@@ -0,0 +1,154 @@
|
||||
import { Car, Briefcase, Sparkles } from "lucide-react";
|
||||
|
||||
// Interfaces for better type safety
|
||||
interface HeroData {
|
||||
title: string;
|
||||
description: string;
|
||||
mediaItems: Array<{ imageSrc?: string; videoSrc?: string; imageAlt?: string; videoAriaLabel?: string }>;
|
||||
}
|
||||
|
||||
interface AboutData {
|
||||
title: string;
|
||||
description: string;
|
||||
imageSrc: string;
|
||||
imageAlt: string;
|
||||
}
|
||||
|
||||
interface FeatureItem {
|
||||
id: string;
|
||||
label: string;
|
||||
title: string;
|
||||
items: string[];
|
||||
}
|
||||
|
||||
interface Product {
|
||||
id: string;
|
||||
brand: string;
|
||||
name: string;
|
||||
price: string;
|
||||
rating: number;
|
||||
reviewCount: string;
|
||||
imageSrc: string;
|
||||
imageAlt: string;
|
||||
}
|
||||
|
||||
interface Testimonial {
|
||||
id: string;
|
||||
name: string;
|
||||
handle: string;
|
||||
testimonial: string;
|
||||
rating: number;
|
||||
imageSrc?: string;
|
||||
imageAlt?: string;
|
||||
}
|
||||
|
||||
interface Metric {
|
||||
id: string;
|
||||
value: string;
|
||||
title: string;
|
||||
icon: any; // LucideIcon type
|
||||
}
|
||||
|
||||
interface PricingPlan {
|
||||
id: string;
|
||||
badge: string;
|
||||
price: string;
|
||||
subtitle: string;
|
||||
features: string[];
|
||||
}
|
||||
|
||||
interface FaqItem {
|
||||
id: string;
|
||||
title: string;
|
||||
content: string;
|
||||
}
|
||||
|
||||
// Simulate API call with a delay
|
||||
const simulateApiCall = <T>(data: T, delay: number = 700): Promise<T> => {
|
||||
return new Promise((resolve) => {
|
||||
setTimeout(() => {
|
||||
resolve(data);
|
||||
}, delay);
|
||||
});
|
||||
};
|
||||
|
||||
export const fetchHeroData = async (): Promise<HeroData> => {
|
||||
console.log("Fetching hero data...");
|
||||
return simulateApiCall({
|
||||
title: "Your Journey to the Perfect Honda Starts Here (API)", description: "SaadSelects delivers unparalleled car brokerage for discerning clients seeking their ideal Honda Accord or Civic, with expert guidance every step of the way, now powered by dynamic data.", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-driving-cars-city-street_23-2149092001.jpg?_wi=1", imageAlt: "Luxury Honda Accord parked at night" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001285.jpg?_wi=1", imageAlt: "Sporty Honda Civic with dynamic lighting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-interior_23-2151138888.jpg", imageAlt: "Interior of a luxury Honda Accord" },
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
export const fetchAboutData = async (): Promise<AboutData> => {
|
||||
console.log("Fetching about data...");
|
||||
return simulateApiCall({
|
||||
title: "Experience Unrivaled Car Brokerage (API)", description: "At SaadSelects, we redefine the car buying journey. Our expertise in Honda Accord and Civic models ensures you find the perfect vehicle without the usual hassle, now enhanced with real-time updates from our API.", imageSrc: "http://img.b2bpic.net/free-photo/two-men-handshake-front-car_613910-16936.jpg", imageAlt: "Professional car broker discussing a deal with a client."
|
||||
});
|
||||
};
|
||||
|
||||
export const fetchServices = async (): Promise<FeatureItem[]> => {
|
||||
console.log("Fetching services data...");
|
||||
return simulateApiCall([
|
||||
{ id: "f1", label: "API Deal Analysis", title: "Instant Deal Analysis (API)", items: ["Get real-time market comparisons", "Powered by our proprietary API", "Identify potential savings automatically", "Understand fair market value"] },
|
||||
{ id: "f2", label: "Personalized Evaluation", title: "Expert Deal Submission (API)", items: ["Submit your current deal for expert review", "Receive a detailed, bespoke analysis", "Get strategic advice for negotiation", "Ensure you're getting the best terms"] },
|
||||
{ id: "f3", label: "Buying Process Assistance", title: "Guided Acquisition Journey (API)", items: ["Step-by-step support through buying process", "Assistance with paperwork and financing", "Expert tips for test drives and inspections", "Navigate dealership complexities with confidence"] },
|
||||
{ id: "f4", label: "Full-Service Concierge", title: "Hassle-Free Car Procurement (API)", items: ["Hire us to manage the entire process", "We handle negotiation, paperwork, delivery", "Sit back while we do the heavy lifting", "Enjoy a truly effortless car buying experience"] },
|
||||
]);
|
||||
};
|
||||
|
||||
export const fetchInventory = async (): Promise<Product[]> => {
|
||||
console.log("Fetching inventory data...");
|
||||
return simulateApiCall([
|
||||
{ id: "p1", brand: "Honda", name: "Accord Sport 2.0T (API)", price: "$35,000", rating: 5, reviewCount: "90 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/security-woman-providing-safety-service_23-2148404128.jpg", imageAlt: "Black Honda Accord Sport" },
|
||||
{ id: "p2", brand: "Honda", name: "Civic Type R (API)", price: "$44,500", rating: 5, reviewCount: "125 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6758.jpg", imageAlt: "Red Honda Civic Type R" },
|
||||
{ id: "p3", brand: "Honda", name: "Accord Touring Hybrid (API)", price: "$38,500", rating: 5, reviewCount: "80 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/abstract-ferromagnetic-mirrored-metal-upside-down_23-2148253662.jpg", imageAlt: "White Honda Accord Touring Hybrid" },
|
||||
{ id: "p4", brand: "Honda", name: "Civic Sport Hatchback (API)", price: "$29,000", rating: 4, reviewCount: "65 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/blue-crossover-driving-autumn-road-side-view-car-motion_169016-69911.jpg", imageAlt: "Blue Honda Civic Sport Hatchback" },
|
||||
]);
|
||||
};
|
||||
|
||||
export const fetchReviews = async (): Promise<Testimonial[]> => {
|
||||
console.log("Fetching reviews data...");
|
||||
return simulateApiCall([
|
||||
{ id: "t1", name: "Sarah J. (API)", handle: "Marketing Executive, Global Solutions", testimonial: "SaadSelects made finding my new Accord effortless. Their expertise and personalized service were truly exceptional. Highly recommend for a luxury car buying experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-sitting-brand-new-car-they-just-bought-holding-keys_342744-719.jpg", imageAlt: "Customer Sarah J." },
|
||||
{ id: "t2", name: "Michael C. (API)", handle: "Software Engineer, Tech Innovators", testimonial: "I was skeptical about using a broker, but SaadSelects exceeded all expectations. They secured an amazing deal on my Civic, saving me time and stress.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-car-with-massage-seat-cushion_1385-1588.jpg", imageAlt: "Customer Michael C." },
|
||||
{ id: "t3", name: "Emily R. (API)", handle: "Business Owner, Elite Boutique", testimonial: "The concierge service from SaadSelects was seamless. From negotiation to delivery, every detail was handled with professionalism. A truly premium experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/family-with-bbay-girl-choosing-car-car-saloon_1303-26805.jpg", imageAlt: "Customer Emily R." },
|
||||
]);
|
||||
};
|
||||
|
||||
export const fetchMetrics = async (): Promise<Metric[]> => {
|
||||
console.log("Fetching metrics data...");
|
||||
return simulateApiCall([
|
||||
{ id: "m1", value: "8+ Years", title: "Experience in Car Brokerage (API)", icon: Car },
|
||||
{ id: "m2", value: "600+ Deals", title: "Successfully Closed (API)", icon: Briefcase },
|
||||
{ id: "m3", value: "99% Satisfaction", title: "Client Approval Rate (API)", icon: Sparkles },
|
||||
]);
|
||||
};
|
||||
|
||||
export const fetchPricingPlans = async (): Promise<PricingPlan[]> => {
|
||||
console.log("Fetching pricing plans data...");
|
||||
return simulateApiCall([
|
||||
{ id: "plan-basic", badge: "Deal Review Express (API)", price: "Starting at $109", subtitle: "per review", features: ["Instant deal analysis API access", "Comparative market data", "Initial negotiation tips"] },
|
||||
{ id: "plan-assisted", badge: "Assisted Buying Guidance (API)", price: "Starting at $549", subtitle: "per purchase", features: ["Personalized deal evaluation", "End-to-end buying process assistance", "Paperwork & financing support", "Strategy for dealership visits"] },
|
||||
{ id: "plan-premium", badge: "Premium Concierge (API)", price: "Custom Quote (API)", subtitle: "per purchase", features: ["Full-service, hands-off procurement", "Dedicated broker management", "Door-to-door delivery coordination", "Post-purchase follow-up"] },
|
||||
]);
|
||||
};
|
||||
|
||||
export const fetchFaqs = async (): Promise<FaqItem[]> => {
|
||||
console.log("Fetching FAQs data...");
|
||||
return simulateApiCall([
|
||||
{ id: "faq1", title: "How does the Deal Review API work? (API)", content: "Our API allows you to input details of a car deal you've received. It instantly compares your offer against market data for similar Honda Accord and Civic models, providing you with an objective evaluation and insights on where to negotiate for a better price, using dynamically fetched data." },
|
||||
{ id: "faq2", title: "What's included in the Full-Service Concierge? (API)", content: "With our Full-Service Concierge, we handle everything from vehicle sourcing and price negotiation to paperwork, financing, and even arranging delivery to your doorstep. It's designed for a completely stress-free car buying experience, with API-driven updates." },
|
||||
{ id: "faq3", title: "Can SaadSelects help with financing? (API)", content: "While we don't offer direct financing, we provide comprehensive guidance and connect you with reputable lenders to secure the best rates and terms for your Honda purchase. We'll help you understand your options and prepare all necessary documentation, with up-to-date information from our backend." },
|
||||
{ id: "faq4", title: "What if I don't see my desired Honda model in your inventory? (API)", content: "Our online inventory showcases a curated selection. However, as brokers, we have access to a vast network of dealerships and private sellers. Contact us with your specific Honda Accord or Civic preferences, and we'll actively source it for you, leveraging our network." },
|
||||
{ id: "faq5", title: "Is a car broker service worth the cost? (API)", content: "Absolutely. Our expertise often saves clients thousands of dollars by securing better prices and terms than they could achieve on their own. We also save you countless hours and the stress of negotiation, making our service a valuable investment, verified by our success metrics." },
|
||||
]);
|
||||
};
|
||||
|
||||
export const submitContactForm = async (email: string): Promise<{ success: boolean; message: string }> => {
|
||||
console.log(`Submitting contact form for email: ${email}`);
|
||||
return simulateApiCall({ success: true, message: `Inquiry submitted for ${email}!` }, 1500);
|
||||
};
|
||||
Reference in New Issue
Block a user