58 lines
2 KiB
TypeScript
58 lines
2 KiB
TypeScript
import { Check } from "lucide-react";
|
|
|
|
const includedItems = [
|
|
"The Elato AI Toy",
|
|
"USB Type-C Charging Cable",
|
|
// "Quick Start Guide",
|
|
"1 Month FREE Premium Subscription",
|
|
"2 Silicone Straps",
|
|
];
|
|
|
|
const technicalSpecs = [
|
|
"Dimensions: 4.5cm x 3.8cm x 1.9cm",
|
|
"Battery Life: 4+ days standby, 6 hours active use",
|
|
"Connectivity: Bluetooth 2.4 GHz, Wi-Fi + Hotspot",
|
|
"Access any AI character from Elato",
|
|
"Create your AI character with any voice and a bespoke personality",
|
|
];
|
|
|
|
const Specs = () => {
|
|
const CheckIcon = <Check className="h-5 w-5 text-primary flex-shrink-0" />;
|
|
return (
|
|
<div className="mb-16">
|
|
<h2 className="text-4xl font-semibold mb-8 text-center">
|
|
Product Details
|
|
</h2>
|
|
<div className="grid md:grid-cols-2 gap-8">
|
|
<div>
|
|
<h3 className="text-xl font-semibold mb-4">
|
|
What's Included:
|
|
</h3>
|
|
<ul className="space-y-2">
|
|
{includedItems.map((item, index) => (
|
|
<li className="flex items-center gap-2" key={index}>
|
|
{CheckIcon}
|
|
<span>{item}</span>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h3 className="text-xl font-semibold mb-4">
|
|
Technical Specs:
|
|
</h3>
|
|
<ul className="space-y-2">
|
|
{technicalSpecs.map((spec, index) => (
|
|
<li className="flex items-center gap-2" key={index}>
|
|
{CheckIcon}
|
|
<span>{spec}</span>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Specs;
|