diff --git a/components/highlights.tsx b/components/highlights.tsx new file mode 100644 index 0000000..61ee061 --- /dev/null +++ b/components/highlights.tsx @@ -0,0 +1,48 @@ +import { Container } from "@/components/container"; +import { Heading } from "@/components/heading"; +import { Card, CardHeader, CardTitle, CardDescription } from "@/components/ui/card"; +import { Utensils, Heart, Users, Clock } from "lucide-react"; + +const highlights = [ + { + title: "Fresh & Authentic", + description: "Traditional Jamaican cuisine prepared daily with the freshest ingredients.", + icon: , + }, + { + title: "Famous Curry Goat", + description: "Our signature dish, slow-cooked to perfection with bold island spices.", + icon: , + }, + { + title: "Loved by Locals", + description: "A trusted favorite for years, serving both our community and visitors.", + icon: , + }, + { + title: "Years of Flavor", + description: "Decades of experience in crafting the perfect Jamaican curry experience.", + icon: , + }, +]; + +export function Highlights() { + return ( +
+ + Why Sharmz Curry Pot? +
+ {highlights.map((item, index) => ( + + +
{item.icon}
+ {item.title} + {item.description} +
+
+ ))} +
+
+
+ ); +}